.analytics-consent { position:fixed; z-index:1000; right:1rem; bottom:1rem; left:1rem; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1.25rem; align-items:center; max-width:68rem; margin-inline:auto; padding:1.25rem; color:#fff; background:#123c36; border:1px solid rgba(255,255,255,.25); border-radius:1rem; box-shadow:0 1rem 3rem rgba(0,0,0,.25); }
.analytics-consent[hidden] { display:none; }
.analytics-consent h2 { margin:0 0 .35rem; color:#fff; font-size:1.15rem; }
.analytics-consent p { margin:0; color:rgba(255,255,255,.88); }
.analytics-consent a { color:#d6f15a; }
.analytics-consent-actions { display:flex; gap:.65rem; flex-wrap:wrap; }
.analytics-consent .button-secondary { color:#fff; border-color:rgba(255,255,255,.55); background:transparent; }
@media (max-width:700px) { .analytics-consent { right:.65rem; bottom:.65rem; left:.65rem; grid-template-columns:1fr; gap:.8rem; padding:1rem; border-radius:.8rem; } .analytics-consent h2 { font-size:1rem; } .analytics-consent p { font-size:.875rem; line-height:1.45; } .analytics-consent-actions { gap:.5rem; } .analytics-consent-actions .button { flex:1; min-height:44px; padding:.65rem .75rem; font-size:.82rem; } }
@media (prefers-reduced-motion:no-preference) { .analytics-consent:not([hidden]) { animation:consent-in .25s ease-out; } @keyframes consent-in { from { opacity:0; transform:translateY(.75rem); } } }