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