.back-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:99;width:var(--spacing-3xl);height:var(--spacing-3xl);display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-dark-beige);border-radius:var(--spacing-xs);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.back-to-top--visible{opacity:1;visibility:visible}.back-to-top__icon{color:var(--color-surface-tertiary)}@media screen and (min-width: 1024px){.back-to-top{bottom:var(--spacing-2xl);right:var(--spacing-2xl)}}