/* ==========================================
   BACK TO TOP
========================================== */

.back-to-top {

    position: fixed;

    right: var(--space-5);
    bottom: var(--space-5);

    display: flex;

    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    border: 1px solid var(--separator);

    border-radius: var(--radius-full);

    background: var(--component-1);

    color: var(--text);

    cursor: pointer;

    box-shadow: var(--shadow-md);

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease,
        opacity .2s ease;

    z-index: 1000;

}

.back-to-top svg {

    width: 32px;
    height: 32px;

    stroke: currentColor;

}