/* Style chung cho cả 3 nút */
.contact-btn-fixed {
    position: fixed;
    left: 20px; /* Sát lề trái 20px trên máy tính */
    z-index: 99999;
    transition: all 0.3s ease;
}
.contact-btn-fixed img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    display: block;
}

/* Vị trí đứng của từng nút trên máy tính */
.call-button { bottom: 30px; }
.zalo-button { bottom: 85px; }
.messenger-button { bottom: 140px; }

/* Hiệu ứng nhún nhẹ (không rung lắc mạnh) */
.contact-btn-fixed { animation: bounce_light 2s infinite; }
.messenger-button { animation-delay: 0.5s; }
.zalo-button { animation-delay: 1s; }

@keyframes bounce_light {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

/* THIẾT KẾ RIÊNG CHO MOBILE */
@media (max-width: 768px) {
    .contact-btn-fixed {
        left: 8px; /* Trên mobile cho sát hẳn vào lề còn 8px */
    }
    .contact-btn-fixed img {
        width: 45px; /* Thu nhỏ icon một chút cho tinh tế */
        height: 45px;
    }
    /* Hạ thấp cao độ trên Mobile để không che nội dung */
    .call-button { bottom: 25px; }
    .zalo-button { bottom: 75px; }
    .messenger-button { bottom: 125px; }
}