.progress-wrap{--btn-scroll-top-color-1: #000000;--btn-scroll-top-color-2: #00000040;--btn-scroll-top-color-3: #535353;--btn-scroll-top-color-4: #3b3b3b;--btn-scroll-top-bg: rgba(255, 255, 255, 0.6);--btn-scroll-size: 46px;position:fixed;right:30px;bottom:30px;height:var(--btn-scroll-size);width:var(--btn-scroll-size);cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px var(--btn-scroll-top-color-2);z-index:10000;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 200ms linear;transition:all 200ms linear;background-color:var(--btn-scroll-top-bg)}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap svg.progress-circle path{stroke:var(--btn-scroll-top-color-2);stroke-width:4;box-sizing:border-box;-webkit-transition:all 200ms linear;transition:all 200ms linear}.progress-wrap svg path{fill:none}.progress-wrap::after{position:absolute;font-family:'feather';content:'\e802';text-align:center;line-height:var(--btn-scroll-size);font-size:calc(var(--btn-scroll-size) / 2);color:var(--btn-scroll-top-color-3);left:0;top:0;height:var(--btn-scroll-size);width:var(--btn-scroll-size);cursor:pointer;display:block;z-index:1;transition:all 200ms linear}.progress-wrap:hover ::after{color:var(--btn-scroll-top-color-4)}.progress-wrap:hover svg.progress-circle path{stroke:var(--btn-scroll-top-color-4)}@media screen and (max-width: 768px){.progress-wrap{bottom:15px;right:15px;--btn-scroll-size: 36px}}