.ccb-button-wrapper {
    position: fixed;
    display: flex;
    z-index: 9999;
    /* Tắt hiệu ứng glow và viền sáng bên ngoài */
}

.ccb-button-container {
    position: relative;
    margin: 0;
    display: flex;
    /* Không cần thiết lập glow hoặc hiệu ứng cho container */
}

.ccb-glow-effect {
    display: none;  /* Tắt hiệu ứng glow */
}

.custom-contact-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    z-index: 2;
    overflow: hidden;
    border-radius: inherit;
    animation: bounce 1s ease-in-out infinite;  /* Giữ hiệu ứng bounce cho nút */
    /* Không thêm hiệu ứng glow bên ngoài */
}

.custom-contact-button .ccb-icon {
    margin-right: 8px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

/* Hiệu ứng Bounce (Nhảy lên nhảy xuống) */
@keyframes bounce {
    0%, 100% {
        transform: translateY(0); /* Trạng thái ban đầu */
    }
    50% {
        transform: translateY(-8px); /* Nhảy lên một chút */
    }
}

/* Media Query cho Mobile */
@media (max-width: 767px) {
    .ccb-glow-effect {
        display: none;  /* Tắt hiệu ứng glow trên mobile */
    }

    .custom-contact-button {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Thêm shadow nhẹ */
        animation: bounce 1s ease-in-out infinite; /* Giữ hiệu ứng bounce cho nút trên mobile */
    }
}