/*
 * PC first-view CTA balance variants.
 * 01 (bottom) is the adopted production default; 02/03 remain comparison-only.
 */

@media (min-width: 769px) {
  /* All three studies stay inside the left copy column and preserve lower-edge alignment. */
  html[data-cta-variant="bottom"] .hero-cv .cv-mock,
  html[data-cta-variant="full"] .hero-cv .cv-mock,
  html[data-cta-variant="centered"] .hero-cv .cv-mock {
    margin-top: 242px;
  }

  /* 01 (adopted): 520px wide CTA, aligned with the left edge. */
  html[data-cta-variant="bottom"] .hero-cv .cv-cta {
    width: 520px;
    max-width: 100%;
  }

  /* 02: Fill the available left-column width without entering the product side. */
  html[data-cta-variant="full"] .hero-cv .cv-cta {
    width: 620px;
    max-width: 100%;
  }

  /* 03: Center a medium-wide CTA within the left copy column. */
  html[data-cta-variant="centered"] .hero-cv .cv-cta,
  html[data-cta-variant="centered"] .hero-cv .cv-cta-note {
    width: 560px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  html[data-cta-variant="bottom"] .hero-cv .cv-cta .btn-luxury-primary,
  html[data-cta-variant="full"] .hero-cv .cv-cta .btn-luxury-primary,
  html[data-cta-variant="centered"] .hero-cv .cv-cta .btn-luxury-primary {
    width: 100%;
  }
}