/* Кнопка вверх START */
#scaTop,
#scaTop::before,
#scaTop::after {
  transition: all 0.3s;
  background-color: #9c36b5;
  font-family: Arial, Tahoma, Verdana, sans-serif; letter-spacing: 0.5px;
  z-index: 9999;
}
#scaTop{
  bottom: 30px; right: 30px; width: 45px; height: 45px;
  position: fixed; overflow: hidden; z-index: 9999;
  color: #FFF; border-radius: 100px; cursor: pointer;
  box-shadow: 0 0 12px 0 rgb(33 37 41 / 25%);
}
#scaTop:hover {
  width: 117px;
}
@keyframes scaTop {
  from {background-position: center 45%;}
  25% {background-position: center 25%;}
  75% {background-position: center 65%;}
  to {background-position: center 45%;}
  }
#scaTop::before{
  content:''; position: absolute; 
  width: 45px; height: 45px; top:0; right:0;
  background-image: url('arrow_top_white.svg'); background-size: 65%; background-position: center 45%; background-repeat: no-repeat;
}
#scaTop:hover::before {
  animation: scaTop 1.5s infinite ease-in-out;
}
#scaTop::after {
  content:'Наверх';
  padding: 15px 15px; display: inline-block;
  font-size: 16px; line-height: 16px;
}
#scaTop              {opacity: 0; filter: blur(10px);}
#scaTop.scroll       {opacity: 0.75; filter: blur(0);}
#scaTop.scroll:hover {opacity: 1;}
/* Кнопка вверх END */