.scroll-top-wrapper {
  position:fixed;
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  text-align:center;
  z-index:99999999;
  background-color:#fff;
  color:#009EE3;
  width:50px;
  height:48px;
  line-height:48px;
  right:30px;
  bottom:30px;
  border-radius:100%;
  box-shadow:1px 1.732px 12px 0px rgba( 0, 0, 0, .14 ), 1px 1.732px 3px 0px rgba( 0, 0, 0, .12 );
  -webkit-transition:all 0.5s ease-in-out;
  -moz-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  -o-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out;
}

.scroll-top-wrapper:hover {
  background-color:#009EE3;
  color:#fff;
}

.scroll-top-wrapper.show {
  visibility:visible;
  cursor:pointer;
  opacity:1.0;
}

.scroll-top-wrapper i.fa {
  line-height:inherit;
}

@media (max-width:360px) {
  .scroll-top-wrapper {
    width:40px;
    height:38px;
    line-height:38px;
  }
}