.back-to-top {
    position: fixed;
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    z-index: 100;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 2px 12px #0003;
    cursor: pointer;
}
.back-to-top--right {
    right: calc(20px + env(safe-area-inset-right, 0px));
}
.back-to-top--left {
    left: calc(20px + env(safe-area-inset-left, 0px));
}
.back-to-top[hidden] {
    display: none !important;
}
.back-to-top svg {
    display: block;
    width: 48px;
    height: 48px;
}
.back-to-top:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
    box-shadow: 0 0 0 7px #111;
}