/* public/app/css/offers-lift-cta.css
 * Synopsis: CTA bouton dans les vignettes offres.
 * Objectif: Relief cliquable sur le lien Visiteur.
 */

.offer .text-cta {
    background: color-mix(in srgb, currentColor 10%, transparent);
    border: 1.5px solid currentColor;
    border-radius: .55rem;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #fff 35%, transparent),
        0 .2rem 0 color-mix(in srgb, currentColor 22%, transparent);
    padding: .55rem .9rem;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.offer .text-cta:hover {
    background: color-mix(in srgb, var(--cta, var(--acid)) 55%, transparent);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #fff 40%, transparent),
        0 .28rem 0 color-mix(in srgb, currentColor 28%, transparent);
    transform: translateY(-2px);
}

.offer .text-cta:active {
    box-shadow: inset 0 2px 4px color-mix(in srgb, currentColor 20%, transparent);
    transform: translateY(1px);
}

@media (prefers-reduced-motion: reduce) {
    .offer .text-cta {
        transition: none;
    }

    .offer .text-cta:hover,
    .offer .text-cta:active {
        transform: none;
    }
}