/* ==========================================================
   SCROLL TO TOP
========================================================== */

#scrollTop{

    position:fixed;

    right:35px;

    bottom:35px;

    width:56px;

    height:56px;

    border:none;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        var(--primary),
        var(--secondary)
    );

    color:white;

    font-size:1.15rem;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:var(--shadow);

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:
        opacity .3s,
        transform .3s,
        visibility .3s;

    z-index:999;

}

#scrollTop.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

#scrollTop:hover{

    transform:
        translateY(-4px);

}