.announcement-bar {
    background: var(--waa-yellow);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 60px;
    color: var(--waa-dark-grey);
    text-align: center;
    z-index: 10000;
    line-height: 20px;
    display: none;
    width: 100vw;
}

    .announcement-bar .announcement-bar-closed {
        display: none;
    }

    .announcement-bar .announcement-close {
        height: 44px !important;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

    .announcement-bar a {
        color: var(--waa-dark-grey);
        font-weight: 600;
        text-decoration: underline !important;
    }

.announcement-close:hover {
    cursor: pointer;
}

@media (max-width: 991px) {

    .announcement-bar .announcement-bar {
        position: static;
        top: unset;
        bottom: 0;
        padding: 15px 60px;
    }
}