.gqst-wrap {
position: fixed;
display: block;
cursor: pointer;
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 200ms linear;
}
.gqst-wrap.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.gqst-wrap svg.gqst-ring path {
fill: none;
transition: all 200ms linear;
}
.gqst-wrap svg.gqst-arrow {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: visible;
}
@media only screen and (max-width: 767px) {
.gqst-hide-mobile { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.gqst-hide-tablet { display: none; }
}
@media only screen and (min-width: 992px) {
.gqst-hide-desktop { display: none; }
}