.BackToTop:before{
    display: block;
    position: fixed;
    right: 20px;
    bottom: -50px;
    opacity: 0;
    background-color: #0079c2;
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 20px;
    text-align: center;
    line-height: 45px;
    height: 45px;
    width: 45px;
    border-radius: 6px;
    cursor: pointer;
    content: 'f062';

  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
   transition: all 0.25s ease-out;
   z-index: 9;
}

.BackToTop.visible::before{
    bottom: 20px;
    opacity: 1;
}

.BackToTop.normal:before{
    background-color: #0469ac;
}

.BackToTop.hovered:before {
     background-color: #046fb3;
     box-shadow: 0px 6px 5px -4px rgba(152, 152, 152, 1);
 }

.BackToTop.active:before {
    background-color: #fff;//color of the button
    color: #046fb3;
 }