#consent-modal { position: fixed; bottom: 20px; right: 20px; max-width: 320px; background-color: #222; color: #eee; padding: 15px 20px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.5); font-family: Arial, sans-serif; font-size: 14px; z-index: 10000; display: flex; flex-direction: column; gap: 10px; } #consent-modal a { color: #4aa3ff; text-decoration: underline; } #consent-modal button { align-self: flex-end; background-color: #556ee6; color: #fff; border: none; padding: 8px 16px; border-radius: 5px; cursor: pointer; touch-action: manipulation; } @media (max-width: 480px) { #consent-modal { max-width: 90vw; bottom: 10px; right: 10px; font-size: 13px; padding: 12px 16px; } #consent-modal button { padding: 7px 12px; } } @media (min-width: 768px) and (max-width: 1024px) { #consent-modal { max-width: 280px; font-size: 14px; } }