.to-top{
  position: fixed; right: 4vw; bottom: 4vw; width: 48px; height: 48px;
  border-radius: 999px; border: none; background: var(--brand); color: #2b2b2b;
  font-size: 22px; line-height: 1; display: grid; place-items: center;
  box-shadow: var(--shadow-2); cursor: pointer; z-index: 2000;
  opacity: 0; pointer-events: none; transition: opacity .2s ease;
}
.to-top.show{ opacity:1; pointer-events:auto; }
.to-top:focus-visible{ outline: var(--ring); outline-offset:2px; border-radius:999px; }