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

#backToTop{

    position:fixed;

    bottom:35px;

    right:35px;

    width:60px;

    height:60px;

    border:none;

    border-radius:50%;

    background:var(--primary-green);

    color:#fff;

    overflow:hidden;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:0 10px 30px rgba(0,0,0,.25);

    transition:.35s;

}

#backToTop.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

#backToTop:hover{

    background:#0f8b3c;

    transform:translateY(-6px) scale(1.08);

    box-shadow:
        0 15px 40px rgba(11,122,51,.45),
        0 0 25px rgba(11,122,51,.35);

}

#backToTop::before{

    content:"";

    position:absolute;

    top:-120%;

    left:-120%;

    width:80%;

    height:300%;

    background:rgba(255,255,255,.35);

    transform:rotate(35deg);

    transition:.7s;

}

#backToTop:hover::before{

    top:-40%;

    left:150%;

}