html { scroll-behavior: smooth; }

.back-to-top {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  padding: .62rem .82rem;
  border: 1px solid #d2e1e5;
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 8px 20px rgba(25, 59, 76, .14);
  color: #17435f;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.back-to-top span:first-child {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  background: #17435f;
  color: #fff;
  font-size: .85rem;
}

.back-to-top:hover {
  border-color: #17435f;
  background: #17435f;
  color: #fff;
}

.back-to-top:hover span:first-child {
  background: #fff;
  color: #17435f;
}

@media (max-width: 576px) {
  .back-to-top {
    right: .9rem;
    bottom: 5.4rem;
    padding: .62rem;
  }

  .back-to-top span:last-child { display: none; }
}