crea un efecto hover aun logo de WhatsApp, que el efecto hover sea de animación de carga y que quede centrado junto al logo de Gmail con el mismo efecto hover de animación de carga circular, que los dos logos queden centrados y de forma circular, con su efecto hover de carga circular

.whatsaap-logo {
    position: absolute;
    height: 100px;
    width: 100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: purple;
    transition: all 0.3s ease;
}
.whatsaap-logo:hover{
    border-radius: 100%;
    border-width: 50px;
    border-color: red;
    color: black;
}