#cookie-consent-modal { display: none; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 350px; background-color: #fff; color: #333; padding: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); border-radius: 5px; box-sizing: border-box; z-index: 100; flex-direction: column; } #cookie-consent-modal p { margin: 0; font-size: 14px; } #cookie-consent-modal .buttons { display: flex; justify-content: flex-end; gap: 10px; margin-top: 10px; } #cookie-consent-modal button { padding: 8px 12px; border: none; border-radius: 3px; cursor: pointer; font-size: 13px; } #cookie-consent-modal button#accept { background-color: #4caf50; color: #fff; } #cookie-consent-modal button#cancel { background-color: #f1f1f1; color: #333; } @media(min-width: 600px) { #cookie-consent-modal { flex-direction: row; align-items: center; justify-content: space-between; } #cookie-consent-modal p { flex: 1; margin-right: 10px; } }