.consent { position: fixed; left: 20px; bottom: 20px; z-index: 100; width: min(380px, calc(100vw - 40px)); background: #20201e; color: #f2f1ed; border-radius: 12px; padding: 18px; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
.consent p { font-size: 13px; color: #c0bfb9; line-height: 1.5; }
.consent p a { color: #f2f1ed; text-decoration: underline; text-underline-offset: 2px; }
.consent div { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.consent button { cursor: pointer; border: 0; font: inherit; font-size: 13px; font-weight: 600; min-height: 44px; padding: 10px 12px; border-radius: 6px; background: #343430; color: #f2f1ed; }
.consent button:hover { background: #45453f; }
.consent button:focus-visible, .consent a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (max-width: 520px) { .consent { left: 12px; bottom: 12px; width: calc(100vw - 24px); } }