.sticky-cta[data-hero-cta-controlled="true"] {
    opacity: 0;
    transform: translateY(110%);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

.sticky-cta[data-hero-cta-controlled="true"].is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
    .sticky-cta[data-hero-cta-controlled="true"] {
        transition: none;
    }
}