/*
 * FV offer CTA — muted rose variant
 *
 * Revert:
 * Remove the offer-rose.css <link> from index.html.
 */

.hero-editorial-offer .brand-cta {
  color: #fff;
  background: linear-gradient(
    135deg,
    #e7abb4 0%,
    var(--color-accent-rose) 52%,
    var(--color-accent-rose-hover) 100%
  );
  border: 0;
  box-shadow:
    0 8px 24px rgba(201, 123, 137, 0.5),
    0 3px 10px rgba(201, 123, 137, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.hero-editorial-offer .brand-cta:hover {
  color: #fff;
  background: linear-gradient(
    135deg,
    #e7abb4 0%,
    var(--color-accent-rose) 52%,
    var(--color-accent-rose-hover) 100%
  );
  filter: brightness(1.06);
  box-shadow:
    0 12px 30px rgba(201, 123, 137, 0.6),
    0 4px 12px rgba(201, 123, 137, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.hero-editorial-offer .brand-cta:focus-visible {
  outline-color: rgba(207, 127, 143, 0.9);
}

.hero-editorial-offer .brand-cta__icon,
.hero-editorial-offer .brand-cta__arrow,
.brand-lockup .hero-editorial-offer .brand-cta__icon,
.brand-lockup .hero-editorial-offer .brand-cta__arrow {
  color: var(--color-accent-rose);
  background: #fff;
}

.hero-editorial-offer .brand-cta__label,
.brand-lockup .hero-editorial-offer .brand-cta__label {
  color: #fff;
}