.scroll-to-top{display:inline-block;width:45px;height:45px;background-color:var(--primary);position:fixed;bottom:40px;right:40px;z-index:99;text-align:center;-webkit-transition:all .4s ease;transition:all .4s ease;display:none;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.scroll-to-top:after,.scroll-to-top:before{width:45px;height:45px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:var(--primary);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.6);box-shadow:0 0 0 0 rgba(255,255,255,0.6);-webkit-animation:ripple 3s infinite;animation:ripple 3s infinite;-webkit-transition:all .4s ease;transition:all .4s ease}
.scroll-to-top:after{-webkit-animation-delay:.6s;animation-delay:.6s}
.scroll-to-top i{font-size:18px;line-height:45px;color:#fff;position:relative;z-index:10;-webkit-transition:all .4s ease;transition:all .4s ease}
.scroll-to-top:hover{background:var(--white)}
.scroll-to-top:hover i{color:#222429}
.scroll-to-top:hover:before,.scroll-to-top:hover:after{background:var(--bg-theme-second-rgba)}