body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    height:2000px;
}

/* Botón flotante */
.whatsapp{
    position:fixed;
    right:25px;
    bottom:25px;

    display:flex;
    align-items:center;
    gap:10px;

    text-decoration:none !important;
    z-index:9999;
}

/* Mensaje */
.whatsapp .mensaje{
    background:white;
    color:#2368df;
    padding:10px 15px;
    border-radius:20px;
    box-shadow:0 3px 10px rgba(61, 141, 239, 0.76);

    opacity:0;
    transform:translateX(20px);
    transition:.3s;
    white-space:nowrap;
}

/* Icono */
.whatsapp i{
    width:60px;
    height:60px;
    background:#25D366;
    color:#fff;
    border-radius:50%;

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

    font-size:34px;

    box-shadow:0 4px 10px rgba(0,0,0,.3);
    transition:.3s;
}

/* Mostrar mensaje al pasar el mouse */
.whatsapp:hover .mensaje{
    opacity:1;
    transform:translateX(0);
}

.whatsapp:hover i{
    background:#1EBE5D;
    transform:scale(1.1);
}