.cookie-notice {
    position: fixed;
    z-index: 10000;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    max-width: 880px;
    margin: 0 auto;
    padding: 1rem 1.25rem;
    color: #fff;
    background: #25352f;
    border-radius: .5rem;
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .28);
}

.cookie-notice[hidden] { display: none; }
.cookie-notice__title { margin: 0 0 .35rem; color: #fff; font-size: 1rem; font-weight: 700; line-height: 1.25; }
.cookie-notice__text { margin: 0; color: #fff; font-size: .875rem; line-height: 1.4; }
.cookie-notice__actions { display: flex; flex: 0 0 auto; gap: .5rem; }
.cookie-notice__button { white-space: nowrap; }
.cookie-notice__policy-link { padding: 0; color: inherit; font: inherit; text-decoration: underline; background: none; border: 0; cursor: pointer; }
.cookie-notice__policy-link:hover, .cookie-notice__policy-link:focus { color: #fff; }
.cookie-policy h3 { margin-top: 1.5rem; font-size: 1.05rem; }
.cookie-policy h3:first-of-type { margin-top: 0; }
.citizens-policy-link { padding: 0; color: inherit; font: inherit; text-decoration: underline; background: none; border: 0; cursor: pointer; }
.privacy-policy p { margin-bottom: 1rem; }

@media (max-width: 575.98px) {
    .cookie-notice { right: .75rem; bottom: .75rem; left: .75rem; display: block; }
    .cookie-notice__actions { margin-top: 1rem; }
    .cookie-notice__button { flex: 1 1 0; }
}