.cookie-banner { position: fixed; z-index: 1000; right: 1rem; bottom: 1rem; left: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; max-width: 70rem; margin: 0 auto; padding: 1rem 1.25rem; border: 1px solid rgba(26,26,25,.18); background: #f8f8f7; color: #1a1a19; box-shadow: 0 1rem 3rem rgba(0,0,0,.14); }
.cookie-banner p { margin: .35rem 0 0; color: #5e5d59; font-size: .85rem; line-height: 1.5; }
.cookie-banner-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.cookie-banner button { border: 1px solid #1a1a19; padding: .65rem .85rem; background: transparent; color: inherit; font: inherit; font-size: .75rem; cursor: pointer; }
.cookie-banner button:last-child { background: #1a1a19; color: #fff; }
.cookie-banner button:focus-visible { outline: 3px solid #8eb2ff; outline-offset: 2px; }
@media (max-width: 700px) { .cookie-banner { align-items: stretch; flex-direction: column; } .cookie-banner-actions { justify-content: stretch; } .cookie-banner button { flex: 1; } }