.thankyou-shell {
  max-width: 640px;
  margin: var(--space-2xl) auto;
}

.thankyou-inner {
  align-items: center;
}

.thankyou-kicker {
  font-size: var(--font-size-xs);
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  color: var(--color-primary-strong);
}

.thankyou-title {
  font-size: clamp(2rem, 1.7rem + 1vw, 2.4rem);
}

.thankyou-lead {
  max-width: 32rem;
}

.thankyou-next {
  max-width: 34rem;
}

.thankyou-lead,
.thankyou-next {
  margin-left: auto;
  margin-right: auto;
}

.thankyou-actions {
  margin-top: var(--space-lg);
}

.thankyou-note {
  max-width: 34rem;
  margin-left: auto;
  margin-right: auto;
  font-size: var(--font-size-sm);
}

@media (max-width: 639.98px) {
  .thankyou-shell {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl);
    padding: var(--space-lg);
  }

  .thankyou-actions {
    flex-direction: column;
  }

  .thankyou-actions .btn {
    width: 100%;
  }
}