#consent-modal { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 400px; margin: auto; background: linear-gradient(90deg, #4e54c8, #8f94fb); color: #fff; padding: 16px; box-sizing: border-box; display: none; flex-direction: column; align-items: center; z-index: 999; border-radius: 8px; font-size: 14px; } #consent-modal p { margin: 0; text-align: center; } #consent-modal a { color: #ffeb3b; text-decoration: underline; } #consent-modal .buttons { display: flex; gap: 10px; margin-top: 12px; } #consent-modal button { padding: 8px 12px; border: none; border-radius: 4px; cursor: pointer; } #consent-modal .accept { background: #ffeb3b; color: #000; } #consent-modal .cancel { background: rgba(255,255,255,0.3); color: #fff; } @media (min-width: 768px) { #consent-modal { flex-direction: row; justify-content: space-between; max-width: 600px; } }