.whatsapp-float{
    position: fixed;
    right: 20px;

    top: 60%;
    transform: translateY(-50%);

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

    height:58px;
    padding:0 18px;

    background:#25D366;
    color:#fff;

    border-radius:30px;

    text-decoration:none;

    box-shadow:0 5px 18px rgba(0,0,0,.25);

    transition:all .35s ease;

    z-index:9999;
}

.whatsapp-float:hover{
    transform: translateY(-50%) scale(1.05);
}

.whatsapp-float i{
    font-size:34px;

    width:34px;
    height:34px;

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

    margin:0;
    padding:0;

    line-height:1;

    flex-shrink:0;
}

.whatsapp-text{
    white-space:nowrap;
    opacity:1;
    transition:opacity .25s;
}

.whatsapp-float.minimized{

   width:58px;
    height:58px;
    padding:0;
    border-radius:50%;
    position:fixed;   /* ya lo hereda, no pasa nada */
}

.whatsapp-float.minimized .whatsapp-text{
    opacity:0;
    width:0;
    overflow:hidden;
}

.whatsapp-float.minimized:hover{
    width:auto;
    padding:0 18px;
    border-radius:30px;

    transform: translateY(-50%);
}

.whatsapp-float.minimized:hover .whatsapp-text{
    opacity:1;
    width:auto;
}

.whatsapp-float.minimized i{

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:auto;
    height:auto;
    min-width:0;

    margin:0;
    padding:0;
}