#notificationBannerMsg {
    text-align: center;
    display: none;
    background-color:#222222;
    margin-top: 4px;
    padding:15px;
    border-top: 1px solid #585353;
    border-bottom: 0 !important;
}

#bannerText {
    display: inline;
    margin-right: 10px;
    color: white;
}

#showMoreBtnBanner {
    text-decoration: underline;
    background-color: transparent;
    color:#fff;
    border:none;
    cursor:pointer;
    border-radius:4px;
    padding: 0 !important
}

#showMoreBtnBanner:hover {
    opacity: 0.7;
}

#closeNotificationBanner {
    position: absolute; 
    top: 15px;
    right: 20px;
    padding: 4px;
    color: white;
}

.notification-banner-msg-container {
    display: flex;
    gap: 1rem !important;
    align-items: center;
    justify-content: center !important;
}

@media (max-width: 576px) {
    #notificationBannerMsg {
        margin-top: 11px !important;
    }
    .notification-banner-msg-container {
          flex-direction: column
    }  
    #closeNotificationBanner {
          right: 5px !important;
    }
}