.top-notice-banner {
    /* background-color: #1c5ab5; */
    background: linear-gradient(100deg, #06367ec9 50%, #f2283bc9 50%);
    text-align: center;
    padding: 16px;
    color: white;
    cursor: pointer;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.5));
}

.top-notice-banner span {
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 500px) {
    .top-notice-banner {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}