/* ===================================
   BOTÃO VOLTAR AO TOPO PREMIUM
=================================== */

#btnTopo{
    position: fixed;

    left: 25px;
    bottom: 25px;

    width: 60px;
    height: 60px;

    border: none;
    outline: none;

    border-radius: 18px;

    background: linear-gradient(135deg,#00c853,#00e676);

    color: #fff;

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

    font-size: 20px;

    cursor: pointer;

    z-index: 999999;

    opacity: 0;
    visibility: hidden;

    transform: translateY(30px);

    transition:
        opacity .4s ease,
        transform .4s ease,
        box-shadow .4s ease;

    box-shadow:
        0 10px 30px rgba(0,200,83,.35),
        0 0 20px rgba(0,230,118,.25);
}

/* BOTÃO VISÍVEL */

#btnTopo.show{
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

/* HOVER */

#btnTopo:hover{
    transform: translateY(-6px) scale(1.05);

    box-shadow:
        0 18px 40px rgba(0,200,83,.45),
        0 0 30px rgba(0,230,118,.45);
}

/* ÍCONE */

#btnTopo i{
    pointer-events: none;
}

/* MOBILE */

@media(max-width:768px){

    #btnTopo{
        width: 54px;
        height: 54px;

        left: 18px;
        bottom: 18px;

        font-size: 18px;
    }

}