.arrow-link{max-width:100%;min-height:44px;color:var(--s-action);font-family:var(--font-body);align-items:center;gap:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.arrow-link-icon{border:1.5px solid;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;transition:background-color .2s,color .2s;display:grid;overflow:hidden}.arrow-link:is(:hover,:focus-visible) .arrow-link-icon{background:var(--s-action);color:var(--s-on-action)}.arrow-link:is(:hover,:focus-visible) svg{animation:.45s both arrow-link-travel}.arrow-link[data-direction=left]{--arrow-travel:-1}.arrow-link[data-direction=right]{--arrow-travel:1}.arrow-link:focus-visible{outline:2px solid var(--s-focus);outline-offset:5px;border-radius:24px}@keyframes arrow-link-travel{40%{transform:translateX(calc(var(--arrow-travel) * 30px))}41%{opacity:0;transform:translateX(calc(var(--arrow-travel) * -30px))}42%{opacity:1}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.arrow-link:is(:hover,:focus-visible) svg{animation:none}.arrow-link-icon{transition:none}}