.scroll-to-top {
position: fixed;
right: 20px;
bottom: 20px;
width: 46px;
height: 46px;
border-radius: 50%;
border: none;
background-color: #012824;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 998; opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity .3s, transform .3s, visibility .3s;
}
.scroll-to-top:hover {
background-color: #024a41;
}
.scroll-to-top.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .scroll-to-top.above-pwa-banner {
bottom: 130px;
}
@media (max-width: 768px) {
.scroll-to-top {
right: 14px;
bottom: 14px;
width: 42px;
height: 42px;
}
.scroll-to-top.above-pwa-banner {
bottom: 110px;
}
}