.hb-to-overview {
  position: fixed;
  z-index: 60;
  right: clamp(0.75rem, 3vw, 1.25rem);
  bottom: clamp(0.75rem, 3vw, 1.25rem);
  max-width: min(16rem, 72vw);
  padding: 0.65rem 1rem;
  border-radius: 9999px;
  border: 1px solid rgb(255 255 255 / 0.12);
  background: rgb(32 19 13 / 0.92);
  color: #f6f1e7;
  font:
    600 0.8125rem/1.3 system-ui,
    sans-serif;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 40px rgb(0 0 0 / 0.45);
  backdrop-filter: blur(8px);
  transition:
    transform 0.2s ease,
    background 0.2s ease;
}

.hb-to-overview:hover {
  background: rgb(42 26 17 / 0.96);
  transform: translateY(-2px);
}

.hb-to-overview:focus-visible {
  outline: 2px solid #d98a3d;
  outline-offset: 2px;
}

@media (min-width: 56.25rem) {
  .hb-to-overview {
    top: clamp(4.5rem, 10vh, 5.5rem);
    bottom: auto;
  }
}