.wha{

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




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

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