#button-top, #button-whatsapp, #button-phone{
    position: fixed;
    z-index: 100;
    width: 60px;
    height: 60px;
    background-color: #cbb665;
    bottom: 20px;
    right: 20px;
    border-radius: 70px;
    color: white;
    text-align: center;
    font-size: 46px;
    transform: rotate(90deg);
    cursor: pointer;
    border: 1px solid white;
    transition: .2s all;
}

#button-top:hover, #button-whatsapp:hover, #button-phone:hover{
    /* background: linear-gradient( to right, #cb9b51 0%, #f6e27a 30%, #f6f2c0 50%, #f6e27a 70%, #cb9b51 100% ); */
    background-color: #3b392d;
    border: 1px solid white;
}

#button-top:hover span, #button-whatsapp:hover img, #button-phone:hover img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(27%) hue-rotate(98deg) brightness(106%) contrast(109%);
}

#button-whatsapp{
    bottom: 95px !important;
    transform: initial;
}

#button-whatsapp img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(271deg) brightness(108%) contrast(101%);
    margin-top: 10px;
}

#button-phone{
    bottom: 170px !important;
    transform: initial;
}

#button-phone img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(271deg) brightness(108%) contrast(101%);
    width: 39px;
    margin-top: 10px;
}


@media only screen and (max-width: 599px) {
    #button-top, #button-whatsapp, #button-phone{
        bottom: 15px;
        right: 15px;
        width: 45px;
        height: 45px;
        font-size: 34px;
    }

    #button-whatsapp{
        bottom: 75px !important;
    }

    #button-whatsapp img{
        margin-top: 4px;        
    }

    #button-phone img{
        width: 35px;
        margin-top: 6px;
    }

    #button-phone{
        bottom: 135px !important;
    }
}