.wha{

    position:fixed;
    width: 50px;
    height: 50px;
    bottom:15vw;
    right:1vw;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:33px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.wha:hover {
    text-decoration: none;
    color: #25d366;
    background-color:#fff;
}




.mail_button {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: calc(15vw + 70px); /* Ajusta este valor según la distancia que quieras entre los botones */
    right: 1vw;
    background-color: #007bff; /* Asegúrate de que el color coincida con el diseño general */
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 23px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.mail_button:hover {
    text-decoration: none;
    color: #007bff;
    background-color: #fff;
}