.wsu-scrollup-bttn{
position: fixed;
display: block !important;
bottom: 30px;
right: 30px;
z-index: -1;
opacity: 0;
width: 60px;
height: 60px;
background: #000;
text-align: center;
line-height: 60px;
display: inline-block;
transition: all ease .25s;
-webkit-transition: all ease .25s;
}
.wsu-scrollup-bttn.visible{
opacity: 1;
z-index: 9999;
}
.wsu-scrollup-bttn .wsu-hover{
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 10;
opacity: 0;
transition: all ease .25s;
-webkit-transition: all ease .25s;
}
.wsu-scrollup-bttn.left{
right: auto;
left: 30px;
}
.wsu-scrollup-bttn.circle{
border-radius: 50%;
}
.wsu-scrollup-bttn.circle .wsu-hover{
border-radius: 50%;
}
.wsu-scrollup-bttn .wsu-img-cont{
display: inline-block;
vertical-align: middle;
text-align: center;
}
.wsu-scrollup-bttn img,
.wsu-scrollup-bttn svg{
position: relative;
height: auto;
width: 100%;
max-height: 100%;
display: block;
z-index: 20;
}
.wsu-scrollup-bttn svg,
.wsu-scrollup-bttn svg *{
fill: #fff !important;
stroke: #fff !important;
}
.wsu-scrollup-bttn:hover{
background: transparent !important;
cursor: pointer;
}
.wsu-scrollup-bttn:hover .wsu-hover{
opacity: 1;
}
@media screen and (max-width: 480px){
.wsu-scrollup-bttn.mobile{
display: none !important;
}
}