.scroll-top{border:0;position:fixed;right:30px;bottom:-60px;z-index:999;-webkit-box-shadow:0 30px 50px rgba(0,0,0,.03);box-shadow:0 30px 50px rgba(0,0,0,.03);display:block;padding:0;width:60px;height:60px;border-radius:50%;text-align:center;font-size:25px;line-height:60px;cursor:pointer;opacity:0;visibility:hidden;background-color:var(--primary-color);background-size:200% auto;background-position:0;color:#fff;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1);overflow:hidden}@media only screen and (max-width:479px){.scroll-top{width:50px;height:50px;line-height:50px;font-size:20px}}.scroll-top.show{visibility:visible;opacity:1;bottom:60px}.scroll-top i{position:absolute;top:50%;left:50%;color:#fff;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1);transition:all .25s cubic-bezier(.645,.045,.355,1)}.scroll-top .arrow-top{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.scroll-top .arrow-bottom{-webkit-transform:translate(-50%,80px);transform:translate(-50%,80px)}.scroll-top:hover{background-position:100%}.scroll-top:hover .arrow-top{-webkit-transform:translate(-50%,-80px);transform:translate(-50%,-80px)}.scroll-top:hover .arrow-bottom{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}