.cerasalt-back-to-top{
  position:fixed;
  right:clamp(16px,2.5vw,38px);
  bottom:clamp(16px,2.5vw,38px);
  z-index:70;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:var(--ink);
  box-shadow:0 10px 28px rgba(23,23,23,.11);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease,visibility .2s ease;
}
.cerasalt-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.cerasalt-back-to-top svg{width:18px;height:18px}
.cerasalt-back-to-top:hover{
  background:var(--accent);
  color:#fff;
  border-color:var(--accent);
  transform:translateY(-1px);
}
.cerasalt-back-to-top:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
}
@media (max-width:640px){
  .cerasalt-back-to-top{right:14px;bottom:14px;width:46px;height:46px}
  body.cerasalt-cookie-banner-open .cerasalt-back-to-top{opacity:0;visibility:hidden;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){
  .cerasalt-back-to-top{transition:none}
}