#consent-modal { position: fixed; right: 20px; bottom: 20px; max-width: 300px; background-color: #222; color: #fff; padding: 15px; box-sizing: border-box; display: none; flex-direction: column; align-items: flex-start; border-radius: 8px; z-index: 100; } #consent-modal a { color: #1e90ff; text-decoration: none; } #consent-modal .buttons { display: flex; gap: 10px; margin-top: 10px; } #consent-modal button { background-color: #555; color: #fff; border: none; padding: 8px 12px; font-size: 14px; cursor: pointer; border-radius: 4px; } @media (max-width: 600px) { #consent-modal { right: 10px; bottom: 10px; width: calc(100% - 20px); max-width: none; } } @media (min-width: 1024px) { #consent-modal { max-width: 400px; } }