.scroll__top {
    position: relative;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 4rem;
    cursor: pointer;
    transition: all ease .24s;
    z-index: 100;
}
.scroll__top div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-radius: 3.5rem;
    transition: all ease .24s;
    background-position: center;
    background-size: 30%;
}
 
.scroll__top:hover div {
    transform: scale(1.125);
    background-color: #FFF;
}
.animated.fadeInUp {
    animation-duration: 240ms;
}

.scroll__top:active div {
    opacity: .72;
    transform: scale(1);
}
.--svg__scroll-top {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='19' height='23' viewBox='0 0 19 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M1 10.5L9.5 2M9.5 2L18 10.5M9.5 2V23' stroke='%230B1142' stroke-width='2'/%3E%3C/svg%3E");
}
@media screen and (max-width: 767px) {  
    .scroll__top {
        display: none !important;
    }
    .scroll__top {
        right: 1rem;
        bottom: 2rem;
    }
    
}