.scroll-top-circle{background-color:var(--primary-color);z-index:999;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s ease-in-out;display:flex;position:fixed;bottom:50px;right:50px;box-shadow:0 10px 38px rgba(0,0,0,.3),0 0 12px rgba(0,0,0,.22)}.scroll-top-circle:hover{transition:all .3s ease-in-out;box-shadow:0 0 rgba(0,0,0,.3),0 0 rgba(0,0,0,.22)}.scroll-top-circle:hover .scroll-top-icon{animation-play-state:paused}.scroll-top-icon{color:#fff;font-size:20px;animation:2s linear infinite alternate-reverse scrollIconAnimation}@keyframes scrollIconAnimation{0%{transform:translateY(5px)}to{transform:translateY(-5px)}}@media screen and (width<=576px){.scroll-top-circle{width:40px;height:40px}.scroll-top-icon{font-size:16px}}