.sho-back-to-top{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:1100;
  display:grid;
  width:48px;
  height:48px;
  padding:0;
  place-items:center;
  border:1px solid rgba(0,0,0,.08);
  border-radius:50%;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  color:#1d1d1f;
  font:600 24px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP",Arial,sans-serif;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background-color .2s ease,color .2s ease;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.sho-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
}

.sho-back-to-top:hover,
.sho-back-to-top:focus-visible{
  background:#ff7a00;
  color:#fff;
}

.sho-back-to-top:focus-visible{
  outline:3px solid rgba(255,122,0,.28);
  outline-offset:3px;
}

@media(max-width:760px){
  .sho-back-to-top{
    right:16px;
    bottom:18px;
    width:44px;
    height:44px;
    font-size:22px;
  }
}

@media(prefers-reduced-motion:reduce){
  .sho-back-to-top{transition:none}
}