#cookie-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #202125;
    color: #8AA9E3;
    text-align: center;
    padding: 15px 0;
    z-index: 1000;
}

#cookie-notice button {
    padding: 6px 18px;
    cursor: pointer;
    font-weight: bold;
}

#cookie-notice p {
    margin: 6px 0;
}

/* While the cookie banner is visible, hide the always-present footer
   policy row so the banner is the only place the user sees the policy
   links. The script toggles .cookie-notice-active on the <footer>
   element in lockstep with the banner. */
.site-footer.cookie-notice-active .footer-policies {
    display: none;
}