.scroll-to-next{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border:1px solid;border-radius:9999px;background:transparent;backdrop-filter:blur(8px);color:currentColor;font:500 .875rem/1 system-ui,-apple-system,sans-serif;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 1px 2px currentColor}.scroll-to-next:hover{box-shadow:0 6px 18px currentColor}.scroll-to-next:active{transform:scale(.97)}.scroll-to-next:focus-visible{outline:2px solid currentColor;outline-offset:2px}.scroll-to-next[data-direction=bottom] svg{animation:nudge-y 1.6s ease-in-out infinite}.scroll-to-next[data-direction=top] svg{animation:nudge-y-rev 1.6s ease-in-out infinite}.scroll-to-next[data-direction=right] svg{animation:nudge-x 1.6s ease-in-out infinite}.scroll-to-next[data-direction=left] svg{animation:nudge-x-rev 1.6s ease-in-out infinite}.scroll-to-next:hover svg{animation-duration:.9s}@keyframes nudge-y{0%,to{transform:rotate(90deg) translateX(0)}50%{transform:rotate(90deg) translateX(4px)}}@keyframes nudge-y-rev{0%,to{transform:rotate(-90deg) translateX(0)}50%{transform:rotate(-90deg) translateX(4px)}}@keyframes nudge-x{0%,to{transform:rotate(0deg) translateX(0)}50%{transform:rotate(0deg) translateX(4px)}}@keyframes nudge-x-rev{0%,to{transform:rotate(180deg) translateX(0)}50%{transform:rotate(180deg) translateX(4px)}}@media (prefers-reduced-motion:reduce){.scroll-to-next svg{animation:none!important}}