.to-top {
    background: linear-gradient(to left, #7c858f, #454b5a); 
    color:  rgb(255, 255, 255);



    position: fixed;
    bottom: 16px;
    right:32px;
    width:50px;
    height:50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:38px;
    text-decoration: none;
    opacity:0;
    pointer-events: none;
    transition: all .3s;
  }

  .to-top:hover
  {
    animation: bounce 1.2s ease infinite;  
    color: #ffffff;
    text-shadow: 0 0 5px #dddddd, 0 0 10px #c5c5c5, 0 0 10px #c7c7c7;
  }
  .to-top.active {
    bottom:32px;
    pointer-events: auto;
    opacity:1;
    z-index: 4;
  }

  @keyframes bounce {
      0%, 25%, 55%, 75%, 100%{
          transform: translateY(0);
      }
      45%
      {
          transform: translateY(-20px);
      }
      65%
      {
        transform: translateY(-10px);
      }
      85%
      {
        transform: translateY(-5px);
      }
  }