/* ==========================================================================
   استایل سفارشی دکمه شناور پشتیبانی آنلاین واتساپ (WhatsApp Chat Button)
   ========================================================================== */

.whatsapp-chat-btn{
position:fixed;
bottom:20px;
right:20px;
display:flex;
align-items:center;
gap:10px;
background:#2A7BE4;
color:#fff;
padding:10px 16px;
border-radius:50px;
text-decoration:none;
font-size:14px;
font-family:tahoma;
box-shadow:0 6px 20px rgba(0,0,0,0.25);
z-index:99;
}

.whatsapp-icon{
position:relative;
width:42px;
height:42px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

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

/* pulse */

.whatsapp-icon::before{
content:"";
position:absolute;
width:42px;
height:42px;
border-radius:50%;
background:#2A7BE4;
animation:whatsappPulse 2s infinite;
z-index:-1;
}

@keyframes whatsappPulse{

0%{
transform:scale(1);
opacity:0.7;
}

70%{
transform:scale(1.6);
opacity:0;
}

100%{
transform:scale(1.6);
opacity:0;
}

}