/* كود الحركات (Animations) للأزرار لتنبض وتتحرك */
@keyframes pulse-green {
0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
70% { transform: scale(1.05); box-shadow: 0 0 0 25px rgba(37, 211, 102, 0); }
100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
@keyframes pulse-orange {
0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 84, 0, 0.7); }
70% { transform: scale(1.05); box-shadow: 0 0 0 25px rgba(255, 84, 0, 0); }
100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 84, 0, 0); }
}
.btn-whatsapp {
animation: pulse-green 2s infinite;
}
.btn-call {
animation: pulse-orange 2s infinite;
animation-delay: 1s; /* ليكون النبض متناوباً */
}