@layer utilities{.arrow-after{--animation-end-x:0;--animation-y:-50%;--scale-x:1}.arrow-after:after{--top-side:42.5%;--bottom-side:57.5%;--arrow-head:75%;clip-path:polygon(0 var(--top-side),var(--arrow-head) var(--top-side),var(--arrow-head) 0,100% 50%,var(--arrow-head) 100%,var(--arrow-head) var(--bottom-side),0 var(--bottom-side))}.arrow-after:hover:after{animation:arrowAfterAnimation .75s ease 0s 1 forwards}@keyframes arrowAfterAnimation{0%{opacity:1;transform:translate3d(var(--animation-end-x),var(--animation-y),0) scale(var(--scale-x))}25%{opacity:0}40%{opacity:0;transform:translate3d(200%,var(--animation-y),0) scale(var(--scale-x))}50%{opacity:0;transform:translate3d(-250%,var(--animation-y),0) scale(var(--scale-x))}70%{opacity:0}to{opacity:1;transform:translate3d(var(--animation-end-x),var(--animation-y),0) scale(var(--scale-x))}}}