.scroll-buttons{display:flex;flex-direction:column;gap:16px;z-index:10;pointer-events:none}.scroll-buttons>*{pointer-events:auto}.scroll-button{width:36px;height:36px;border:none;background:rgba(75,142,249,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(192,192,192,.5);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(192,192,192,.9);transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2);padding:0;outline:none}.scroll-button:hover{background:rgba(75,142,249,.2);border-color:rgba(192,192,192,.7);color:rgba(192,192,192,1);box-shadow:0 4px 12px rgba(75,142,249,.3);transform:scale(1.05)}.scroll-button.active,.scroll-button:active{background:rgba(75,142,249,.3);border-color:#4b8ef9;color:#4b8ef9;box-shadow:0 2px 8px rgba(75,142,249,.5),inset 0 2px 4px rgba(75,142,249,.2);transform:scale(.98)}.scroll-button svg{width:14px;height:14px;transition:transform .2s ease}.scroll-button:hover svg{transform:scale(1.1)}.scroll-button.active svg{transform:scale(.9)}