.back-to-top {
  z-index: calc(var(--z-index-sticky) - 2);
  position: fixed;
  right: 17px;
  bottom: 100px;
  width: 38px;
  height: 38px;
  color: var(--color-top-button-text-color);
  background-color: rgba(41, 41, 41, 0.4);
  transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.back-to-top:hover {
  background-color: rgba(41, 41, 41, 0.6);
}

.back-to-top[show] {
  transform: translateY(0);
}

@media (min-width: 960px) {
  .back-to-top {
    right: 38px;
    bottom: 200px;
    transform: translateY(200%);
  }
}