#fsd-scrolltop-premium
{
position:fixed;
right:30px;
bottom:30px;

width:64px;
height:64px;

cursor:pointer;

opacity:0;
visibility:hidden;

transition:all .35s ease;

z-index:9999;

backdrop-filter: blur(8px);
background:rgba(255,255,255,0.25);

border-radius:50%;

box-shadow:
0 8px 20px rgba(0,0,0,0.15),
inset 0 0 0 1px rgba(255,255,255,0.4);
}

#fsd-scrolltop-premium.show
{
opacity:1;
visibility:visible;
}

#fsd-scrolltop-premium svg
{
position:absolute;
width:100%;
height:100%;
transform:rotate(-90deg);
}

.ring-bg
{
fill:none;
stroke:rgba(255,255,255,0.3);
stroke-width:6;
}

.ring-progress
{
fill:none;
stroke:var(--fsd-color);
stroke-width:6;

stroke-dasharray:289;
stroke-dashoffset:289;

transition:stroke-dashoffset .2s linear;
}

.arrow
{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:22px;
font-weight:bold;
color:var(--fsd-color);
}