.sva-hero{max-width:470px}
.sva-hero__lien{display:grid;overflow:hidden;background:#fff;border-radius:25px 0 25px 0;padding:22px 20px 20px;color:#1d1d1b;text-decoration:none;box-shadow:0 6px 24px rgba(0,0,0,.12);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;cursor:grab}
.sva-hero__lien:hover,.sva-hero__lien:focus{color:#1d1d1b}
.sva-hero__lien:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sva-hero__avis{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.sva-hero__avis.is-active{opacity:1;visibility:visible}
.sva-hero__haut{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap}
.sva-hero__nom{font-family:futura-pt,sans-serif;font-weight:700;font-size:20px;line-height:1.2;text-transform:uppercase;color:#048386}
.sva-hero__date{font-family:futura-pt,sans-serif;font-weight:500;font-size:14px;text-transform:uppercase;color:#048386}
.sva-hero__etoiles{display:inline-flex;gap:5px;margin-left:auto;align-self:center}
.sva-hero__etoiles svg{width:19px;height:19px;fill:#048386}
.sva-hero__texte{margin:12px 0 0;font-family:futura-pt,sans-serif;font-weight:500;font-size:18px;line-height:1.3;text-transform:uppercase;color:#1d1d1b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:767px){
.sva-hero__lien{padding:16px 14px 14px}
.sva-hero__haut{gap:4px 10px}
.sva-hero__nom{font-size:17px}
.sva-hero__date{font-size:12px}
.sva-hero__etoiles{gap:3px}
.sva-hero__etoiles svg{width:14px;height:14px}
.sva-hero__texte{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.sva-hero__avis{transition:none}}