.cookie-notice { position: fixed; right: clamp(16px, 3vw, 42px); bottom: 20px; z-index: 30; display: flex; width: min(680px, calc(100% - 32px)); align-items: center; gap: 24px; padding: 17px 18px 17px 20px; border: 1px solid var(--line); border-radius: var(--radius-md); background: color-mix(in srgb, var(--white) 94%, transparent); box-shadow: 0 18px 45px rgba(15,27,45,.16); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); animation: cookie-in .45s var(--motion-ease) both; }
.cookie-notice p { flex: 1; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.cookie-notice a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; }
.cookie-notice button { flex: 0 0 auto; min-height: 42px; padding: 0 20px; border: 1px solid var(--accent); border-radius: 999px; color: var(--white); background: var(--accent); font-size: 12px; font-weight: 750; cursor: pointer; transition: color .25s ease, background .25s ease, transform .25s var(--motion-ease); }
.cookie-notice button:hover { color: var(--accent); background: transparent; transform: translateY(-2px); }
@keyframes cookie-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 600px) { .cookie-notice { right: 16px; bottom: 16px; left: 16px; width: auto; align-items: stretch; flex-direction: column; gap: 13px; padding: 16px; } .cookie-notice button { width: 100%; } }
@media (max-width: 480px) { .cookie-notice { right: 14px; bottom: 14px; left: 14px; } }