#consent-modal { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 90%; max-width: 400px; background-color: #222; color: #fff; padding: 15px; box-sizing: border-box; display: none; flex-direction: column; z-index: 999; border-radius: 5px; font-size: 14px; } #consent-modal a { color: #4ea8de; text-decoration: underline; } #consent-modal .buttons { display: flex; justify-content: flex-end; gap: 10px; margin-top: 12px; } #consent-modal button { padding: 8px 12px; border: none; border-radius: 3px; font-size: 14px; cursor: pointer; } #consent-accept { background-color: #4ea8de; color: #fff; } #consent-close { background-color: #555; color: #fff; } @media (min-width: 480px) { #consent-modal { width: 80%; } } @media (min-width: 768px) { #consent-modal { width: 400px; } }