.refresh, .tool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid hsla(0,0%,54.5%,.16);
    border-radius: 5px;
    width: 3.2rem;
    min-width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    z-index: 3;
    transform: translateY(-50%)

}
.tool.tool--2 {
  right: calc(1.6rem + 3.2rem + 1rem);
}
.tool-to-top {
  top: calc(50% - 2px)
}
.tool i {
  color: #86C4F5;
}
@media (max-width: 992px) {
    .refresh-up { 
        top: -2rem;
    }
}
@media (min-width: 992px) {
  .tool-push-32 { 
    right: 3.2rem;
  }
}
.refresh--active {
    animation: spinRefresh .5s linear infinite;
}

@keyframes spinRefresh {
    0% {
      transform: rotate(0deg)
    }
  
    to {
      transform: rotate(1turn)
    }
  }