.simple-notice-box {
    padding: 10px 30px;
    text-align: left;
    margin-bottom: 20px;
    background-color: #d26f05;
    color: #fff;
}

/* The dismissible box is hidden until JS confirms it should show (avoids a
   flash before the dismiss check). The locked box is always visible. */
.simple-notice-box--locked {
    display: block;
}

.simple-notice-box--dismissible {
    display: none;
}

.simple-notice-item {
    padding: 8px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.simple-notice-item:first-child {
    border-top: none;
}

.simple-notice-button {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    margin-bottom: 10px;
}

.simple-notice-button button.button.action {
    border: none;
}