#consent-modal { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 400px; margin: auto; display: none; flex-direction: column; align-items: center; background: linear-gradient(135deg, #6b73ff 0%, #000dff 100%); color: #fff; padding: 15px; box-sizing: border-box; border-radius: 8px; z-index: 100; } #consent-modal a { color: #ffd; text-decoration: underline; } #consent-modal .buttons { display: flex; gap: 10px; margin-top: 10px; } #consent-modal button { flex: 1; padding: 8px 12px; border: none; border-radius: 4px; background: rgba(255,255,255,0.2); color: #fff; cursor: pointer; } @media(min-width: 768px) { #consent-modal { flex-direction: row; justify-content: space-between; } #consent-modal .buttons { margin-top: 0; margin-left: 20px; } }