.back-to-top-container {
    --size: 60px;
    pointer-events: none;
    margin-top: 150vh;
    grid-area: 1 / 1 / -1 / -1;
    margin-bottom: calc(-65px - var(--size) / 2);
    display: none;
}

body.show-back-to-top-container .back-to-top-container {
    display: block;
}

    .back-to-top-container a {
        pointer-events: auto;
        position: sticky;
        top: 90%;
        left: calc(100% - 30px - var(--size));
        height: var(--size);
        width: var(--size);
        display: block;
        text-align: center;
        line-height: var(--size);
        background: rgb(var(--primary-color));
        border-radius: 50%;
        color: white;
    }


@media (min-width: 1560px) {
    .back-to-top-container a {
        left: calc(50% + var(--size) + var(--container-large-width) / 2);
    }
}