.back-to-top { position: fixed; left: 24px; bottom: 24px; z-index: 80; width: 48px; height: 48px; border: 0; border-radius: 50%; cursor: pointer; display: grid; place-items: center; background: var(--c-button, #27372A); color: var(--c-button-text, #EADFCD); box-shadow: 0 0 0 1px var(--c-accent, #C59759); opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .3s, transform .35s, visibility .3s; }
.back-to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.back-to-top:focus-visible { outline: 3px solid var(--c-accent, #C59759); outline-offset: 3px; }
@media (max-width: 640px) { .back-to-top { left: 16px; bottom: 16px; } }
@media print { .back-to-top { display: none; } }