.consent-banner { position: fixed; z-index: 1000; right: 20px; bottom: 20px; left: 20px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; max-width: 960px; margin: auto; padding: 20px 22px; border: 1px solid #dfe5ee; border-radius: 14px; color: #07152f; background: #fff; box-shadow: 0 20px 55px rgba(7, 21, 47, .22); }
.consent-banner__copy strong { display: block; font-size: 1rem; }
.consent-banner__copy p { max-width: 640px; margin: 5px 0; color: #46556b; font-size: .88rem; line-height: 1.45; }
.consent-banner__copy a { color: #0b3faf; font-size: .84rem; font-weight: 700; }
.consent-banner__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.consent-button { min-height: 42px; padding: 9px 13px; border: 1px solid #dfe5ee; border-radius: 8px; cursor: pointer; font-size: .78rem; font-weight: 800; line-height: 1.2; }
.consent-button--secondary { color: #07152f; background: #fff; }
.consent-button--primary { border-color: #0b3faf; color: #fff; background: #0b3faf; }
.consent-button:focus-visible { outline: 3px solid rgba(11,63,175,.3); outline-offset: 2px; }
@media (max-width: 720px) { .consent-banner { right: 12px; bottom: 12px; left: 12px; grid-template-columns: 1fr; gap: 14px; padding: 18px; } .consent-banner__actions { justify-content: stretch; } .consent-button { flex: 1 1 220px; } }