.back-to-top{position:fixed;bottom:32px;right:32px;z-index:999;width:44px;height:44px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary) 30%,transparent);opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),background .3s,box-shadow .3s;padding:0;border:none;cursor:pointer}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:all}.back-to-top:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary) 40%,transparent)}.back-to-top .progress-ring{position:absolute;top:0;left:0;width:100%;height:100%}.back-to-top .progress-ring-fill{transition:stroke-dashoffset .15s linear;color:var(--color-accent)}.back-to-top .arrow-icon{position:relative;z-index:1}@media(max-width:640px){.back-to-top{bottom:20px;right:20px;width:40px;height:40px}}