.scroll-top-btn{--scroll-progress: 0%;position:fixed;right:28px;bottom:28px;width:52px;height:52px;padding:0;border:none;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;z-index:9999}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(#0783c5 var(--scroll-progress),#e1e1e1 var(--scroll-progress));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,transparent calc(100% - 10px),#000 calc(100% - 9px))}.scroll-top-inner{width:42px;height:42px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;color:#111}.scroll-top-inner i{font-size:16px;transition:transform .25s ease,color .25s ease}.scroll-top-btn:hover .scroll-top-inner i{transform:translateY(-3px);color:#0783c5}@media(max-width:768px){.scroll-top-btn{width:46px;height:46px;right:18px;bottom:18px}.scroll-top-inner{width:40px;height:40px}.scroll-top-inner i{font-size:14px}}