.progress-wrap {
position: fixed;
right: 28px;
bottom: 130px;
height: 58px;
width: 58px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
z-index: 4;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
background-color: var(--wdtBodyBGColor);
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.progress-wrap svg {
font-size: 24px;
overflow: visible;
width: 58px;
height: 58px;
display: block;
}
.progress-wrap svg.progress-circle path {
stroke: var(--wdtSecondaryColor);
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;
content: '';
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:currentcolor;stroke-width:2.9362;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M25,2v46 M25,2l18.4,18.4 M25,2L6.6,20.4'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:currentcolor;stroke-width:2.9362;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M25,2v46 M25,2l18.4,18.4 M25,2L6.6,20.4'/%3E%3C/svg%3E%0A");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-position: center center;
mask-position: center center;
text-align: center;
line-height: 58px;
font-size: 24px;
background-color: var(--wdtSecondaryColor);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 20px;
width: 20px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}  #back-to-top { background-color: var(--wdtPrimaryColor); } #back-to-top:hover { background-color: var(--wdtSecondaryColor); } @media only screen and (max-width: 1280px) {
.nav-is-visible #back-to-top {
opacity: 0;
}
}