.btn-back-to-top i {
   border: solid black;
   border-width: 0 3px 3px 0;
   display: inline-block;
   padding: 3px;
}

.btn-back-to-top {
   display: none;
   position: fixed;
   bottom: 65px;
   right: 15px;
   z-index: 99;
   font-size: 18px;
   border: 1px solid #0bd000;
   outline: none;
   color: #0bd000;
   background-color: #f2f6f7;
   cursor: pointer;
   padding: 10px;
   border-radius: 5px;
   opacity: 0;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
   animation: btnFadeIn 1s forwards ease-out;
   transition: all 0.3s ease-out;
}

.btn-back-to-top:hover {
   color: #f2f3ee;
   background-color: #0bd000;
   box-shadow: 0 8px 25px 0 rgba(0,0,0,0.2);
}

@keyframes btnFadeIn{
  100% {
     opacity: 0.7;
  }
}