.thank-you {
  align-items: center;
  background: linear-gradient(180deg, rgba(42, 125, 140, 0.1), var(--color-background));
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding-block: 8rem;
  padding-top: 4rem;
  text-align: center;
}
.thank-you__container {
  margin-inline: auto;
}
.thank-you__title {
  color: var(--color-primary);
  font-family: Alef, Heebo, system-ui, sans-serif;
  font-size: clamp(3.8rem, 5vw, 5rem);
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 2.4rem;
}
.thank-you__lead {
  color: var(--color-text-muted);
  font-size: 2rem;
  line-height: 1.7;
  margin: 0 0 1.2rem;
}
.thank-you__subtitle {
  color: var(--color-primary);
  font-family: Alef, Heebo, system-ui, sans-serif;
  font-size: clamp(2.4rem, 3vw, 3.2rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 3.2rem;
}
.thank-you__buy .button__icon {
  height: 2rem;
  width: 2rem;
}

.success-icon {
  align-items: center;
  background: #dcfce7;
  border-radius: 999rem;
  display: flex;
  height: 8rem;
  justify-content: center;
  margin: 0 auto 3.2rem;
  width: 8rem;
}
.success-icon__symbol {
  color: #16a34a;
  height: 4rem;
  width: 4rem;
}

.video-card {
  background: transparent;
  border-radius: 1.8rem;
  margin: 0 auto 3.2rem;
  max-width: 42rem;
  padding: 0;
}

.video-placeholder {
  align-items: center;
  aspect-ratio: 9/16;
  background: #000000;
  border-radius: 1.8rem;
  box-shadow: 0 1.6rem 3.8rem rgba(29, 90, 102, 0.14);
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.video-placeholder iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}
.video-placeholder p {
  color: var(--color-text-muted);
  margin: 0;
}

.video-card__text {
  color: var(--color-text-muted);
  margin: 0 0 2.4rem;
}

.share-card {
  background: var(--color-surface);
  border: 0.1rem solid var(--color-border);
  border-radius: 1.6rem;
  margin-bottom: 3.2rem;
  padding: 3.2rem;
}
.share-card__title {
  color: var(--color-primary);
  font-family: Alef, Heebo, system-ui, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 1.6rem;
}

.share-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  justify-content: center;
}

.share-button {
  align-items: center;
  border-radius: 1.2rem;
  color: #ffffff;
  display: inline-flex;
  font-weight: 700;
  gap: 0.8rem;
  padding: 1.2rem 2rem;
  transition: background 180ms ease, transform 180ms ease;
}
.share-button:hover, .share-button:focus-visible {
  transform: translateY(-0.1rem);
}
.share-button--whatsapp {
  background: #22c55e;
}
.share-button--whatsapp:hover, .share-button--whatsapp:focus-visible {
  background: #16a34a;
}
.share-button--facebook {
  background: #2563eb;
}
.share-button--facebook:hover, .share-button--facebook:focus-visible {
  background: #1d4ed8;
}
.share-button__icon {
  height: 2rem;
  width: 2rem;
}

@media (max-width: 64rem) {
  .video-card {
    max-width: min(42rem, 90vw);
  }
  .share-card {
    padding: 2.4rem;
  }
}