/*==================================================
WHATSAPP FLOATING BUTTON
==================================================*/

.whatsapp-float{
    position:fixed;
    right:25px;
    bottom:25px;
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    z-index:9999;
}

.whatsapp-text{
    background:#ffffff;
    color:#222;
    padding:12px 18px;
    border-radius:40px;
    font-size:.95rem;
    font-weight:600;
    white-space:nowrap;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    animation:fadeIn 1s ease;
}

.whatsapp-icon{
    width:64px;
    height:64px;
    border-radius:50%;
    background:#25D366;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 15px 35px rgba(37,211,102,.35);
    transition:.35s;
    animation:pulse 2s infinite;
}

.whatsapp-icon img{
    width:34px;
    height:34px;
}

.whatsapp-float:hover .whatsapp-icon{
    transform:translateY(-4px) scale(1.08);
}

.whatsapp-float:hover .whatsapp-text{
    background:#f8f8f8;
}

@keyframes pulse{

0%{
box-shadow:0 0 0 0 rgba(37,211,102,.45);
}

70%{
box-shadow:0 0 0 18px rgba(37,211,102,0);
}

100%{
box-shadow:0 0 0 0 rgba(37,211,102,0);
}

}

@keyframes fadeIn{

from{
opacity:0;
transform:translateX(20px);
}

to{
opacity:1;
transform:translateX(0);
}

}

@media(max-width:768px){

.whatsapp-text{
display:none;
}

.whatsapp-icon{
width:58px;
height:58px;
}

.whatsapp-icon img{
width:30px;
height:30px;
}

.whatsapp-float{
right:18px;
bottom:18px;
}

}