.notification-banner {
        background-color: #4C1010;
        color: #EBC58E;
        padding: 8px 16px; /* Tương đương với Tailwind p-2, p-4 */
        font-size: 14px;
        position: relative;
        /* Sử dụng Flexbox để căn giữa nội dung theo chiều ngang */
        display: flex;
        justify-content: center; /* Căn giữa nội dung chính */
        align-items: center; /* Căn giữa theo chiều dọc */
    }

    .notification-banner-text {
        margin: 0; /* Loại bỏ margin mặc định của p */
        line-height: 1.5;
    }

    .notification-banner-close {
        position: absolute;
        top: 50%;
        right: 50px; /* Khoảng cách từ lề phải */
        transform: translateY(-50%);
        font-size: 24px;
        color: #EBC58E;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        line-height: 1; /* Đảm bảo dấu X không bị xô lệch */
    }

    .notification-banner-link {
        color: #EBC58E;
        text-decoration: underline;
        font-weight: 600; /* Làm nổi bật liên kết */
        margin-left: 5px; /* Thêm khoảng cách nhỏ sau chữ */
    }

    @media (max-width: 768px) {
    .notification-banner {
        font-size: 10px;
    }

}