.back-to-top{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;display:grid;place-items:center;width:44px;height:44px;border:1px solid #b8a27480;border-radius:50%;background:#131612e8;color:var(--cream);box-shadow:0 4px 18px #0002;opacity:.88;transition:opacity .2s,background .2s}
.back-to-top svg{width:22px;height:22px;display:block}
.back-to-top:hover{opacity:1;background:#22271f}
.back-to-top:focus-visible{opacity:1;outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:580px){.back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}