.carousel{width:100%;position:relative;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;margin:0;display:flex;gap:1rem;anchor-name:--carousel}.carousel::scroll-button(left),.carousel::scroll-button(right){content:"<";position:fixed;position-anchor:--carousel;position-area:left center;transform:translateY(-50%);cursor:pointer;font-weight:700;padding:.75rem;background:var(--cl-violet);color:#fff;border:1px solid transparent;border-radius:50%;outline:none;translate:50%}.carousel::scroll-button(right){content:">";position-area:right center;translate:-50%}.carousel-card{scroll-snap-align:start}