/* Keep one full-size arrow throughout hover and rapid pointer reversals. */
.enter-button .enter-arrow-in{display:none}
.enter-button .enter-arrow svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.enter-button .enter-arrow-out{transform:translate(-50%,-50%)}
@media(hover:hover) and (pointer:fine){.enter-button:hover .enter-arrow-out{transform:translate(calc(-50% + 3px),-50%)}}
.enter-button:focus-visible .enter-arrow-out,.enter-button[data-pressed=true] .enter-arrow-out{transform:translate(calc(-50% + 3px),-50%)}
@media(prefers-reduced-motion:reduce){.enter-button .enter-arrow svg{transition:none}}