#koppa-back-to-top { display:none; }
@media(max-width:767px) {
  #koppa-back-to-top:not([hidden]) { display:grid; place-items:center; position:fixed; right:max(14px,env(safe-area-inset-right)); bottom:calc(var(--koppa-top-bottom,16px) + env(safe-area-inset-bottom)); z-index:40; width:44px; height:44px; padding:0; border:1px solid #d3dae2; border-radius:50%; background:#f9fafb; color:#10213a; box-shadow:0 2px 8px rgb(10 25 45 / 8%); cursor:pointer; }
  #koppa-back-to-top:focus-visible { outline:2px solid #244e79; outline-offset:3px; }
  #koppa-back-to-top:active { background:#eaf0f5; }
}