.back-to-top {
    position: fixed;
    z-index: 30;
    right: 1rem;
    bottom: calc(1rem + var(--dfm-back-to-top-footer-overlap, 0px));
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    padding: 0;
    border: 2px solid var(--dfm-accent);
    border-radius: 50%;
    color: var(--dfm-paper);
    background: var(--dfm-accent);
}

.back-to-top .material-symbols-outlined {
    font-size: 1.5rem;
}

.back-to-top:hover {
    color: var(--dfm-menu-text);
    background: var(--dfm-menu);
}

.back-to-top:focus-visible {
    outline: 3px solid var(--dfm-focus);
    outline-offset: 3px;
}

.back-to-top[hidden] {
    display: none;
}