.bale-contact-button{
position:fixed;
bottom:20px;
left:20px;
z-index:9999;
}

.bale-contact-button img{
width:64px;
height:64px;
border-radius:50%;
cursor:pointer;
transition:all 0.3s ease;
box-shadow:0 6px 15px rgba(0,0,0,0.2);
}

/* حالت ثابت */
.bale-static img{
animation:none;
}

/* حالت ضربان قلب */
.bale-pulse img{
animation:balePulse 1.6s infinite;
}

@keyframes balePulse{
0%{transform:scale(1)}
50%{transform:scale(1.15)}
100%{transform:scale(1)}
}

/* حالت موج */
.bale-wave img{
animation:baleWave 2s infinite;
}

@keyframes baleWave{
0%{box-shadow:0 0 0 0 rgba(0,0,0,0.3)}
70%{box-shadow:0 0 0 15px rgba(0,0,0,0)}
100%{box-shadow:0 0 0 0 rgba(0,0,0,0)}
}

/* حالت پرش نرم */
.bale-bounce img{
animation:baleBounce 2s infinite;
}

@keyframes baleBounce{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}

/* حالت چرخش ملایم */
.bale-rotate img{
animation:baleRotate 4s linear infinite;
}

@keyframes baleRotate{
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}

/* حالت لرزش کوتاه */
.bale-shake img{
animation:baleShake 3s infinite;
}

@keyframes baleShake{
0%{transform:translateX(0)}
10%{transform:translateX(-3px)}
20%{transform:translateX(3px)}
30%{transform:translateX(-3px)}
40%{transform:translateX(3px)}
50%{transform:translateX(0)}
100%{transform:translateX(0)}
}

/* افکت هاور مدرن */
.bale-contact-button img:hover{
transform:scale(1.15);
box-shadow:0 10px 25px rgba(0,0,0,0.35);
}