.scroll-nav{position:fixed;right:22px;bottom:22px;z-index:30;display:grid;gap:7px}.scroll-nav button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--panel) 92%,transparent);color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.22);backdrop-filter:blur(10px);cursor:pointer;transition:opacity .2s,transform .2s,background .2s}.scroll-nav button:hover{background:var(--accent);color:#152018;transform:translateY(-2px)}.scroll-nav button[hidden]{display:none}.scroll-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:620px){.scroll-nav{right:14px;bottom:14px}.scroll-nav button{width:40px;height:40px}}