.ui-arrow{display:inline-grid;place-items:center;width:1em;height:1em;vertical-align:-.13em;margin-inline-start:.1em;transition:transform .22s ease}
.ui-arrow svg{display:block;width:100%;height:100%;overflow:visible}
a:hover .ui-arrow,button:hover .ui-arrow{transform:translate(2px,-2px)}
.ui-arrow--back{margin-inline:0 .4em}
a:hover .ui-arrow--back{transform:translate(-2px,0)}
@media(prefers-reduced-motion:reduce){.ui-arrow{transition:none!important}}