/* style.css */
html { 
    scroll-behavior: smooth; 
}

/* 1. Hiệu ứng nhịp đập cho nút màu XANH (Nút gọi ở Footer, Zalo) */
@keyframes pulse-green {
    0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.8); }
    70% { box-shadow: 0 0 0 20px rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

/* 2. Hiệu ứng nhịp đập cho nút màu ĐỎ (Nút gọi ở Trang chủ) */
@keyframes pulse-red {
    0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.8); }
    70% { box-shadow: 0 0 0 20px rgba(220, 38, 38, 0); }
    100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
}

/* 3. Hiệu ứng nhịp đập cho nút Zalo màu XANH DƯƠNG */
@keyframes pulse-blue {
    0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.8); }
    70% { box-shadow: 0 0 0 20px rgba(59, 130, 246, 0); }
    100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); }
}

/* Áp dụng vào các Class - Thêm !important để ép trình duyệt nhận diện */
.btn-call-float.bg-green-500 { 
    animation: pulse-green 2s infinite !important; 
}

.btn-call-float.bg-red-600 { 
    animation: pulse-red 2s infinite !important; 
}

.btn-zalo-float { 
    animation: pulse-blue 2s infinite !important; 
}