.thank-you-main {
  min-height: calc(100vh - 160px);
  display: flex;
  align-items: center;
}

.thank-you-section {
  width: 100%;
  padding-block: var(--space-72);
}

.thank-you-container {
  max-width: 720px;
  margin-inline: auto;
  text-align: left;
}

.thank-you-header {
  text-align: center;
  margin-bottom: var(--space-32);
}

.thank-you-kicker {
  font-size: var(--font-size-xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-text-soft);
  margin-bottom: var(--space-8);
}

#thank-you-heading {
  font-size: var(--font-size-3xl);
}

.thank-you-lead {
  margin-top: var(--space-8);
}

.thank-you-body p:last-of-type {
  margin-bottom: var(--space-24);
}

.thank-you-next {
  padding-top: var(--space-24);
  border-top: 1px solid var(--color-border-subtle);
}

.thank-you-next-title {
  font-size: var(--font-size-xl);
  margin-bottom: var(--space-20);
}

.thank-you-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-20);
  margin-bottom: var(--space-20);
}

.thank-you-label {
  display: block;
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
  margin-bottom: var(--space-8);
}

.thank-you-btn {
  width: 100%;
  justify-content: center;
}

.thank-you-note {
  font-size: var(--font-size-sm);
}

@media (max-width: 640px) {
  .thank-you-main {
    align-items: flex-start;
  }

  .thank-you-section {
    padding-block: var(--space-48);
  }

  #thank-you-heading {
    font-size: var(--font-size-2xl);
  }
}
