#consent-banner { position: fixed; bottom: 0; left: 13px; right: 13px; width: calc(100% - 26px); max-width: 1200px; background-color: #f9f9f9; color: #222; padding: 15px 20px; box-sizing: border-box; border-radius: 8px 8px 0 0; box-shadow: 0 -2px 8px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; z-index: 10000; } #consent-banner p { margin: 0; flex: 1 1 60%; line-height: 1.4; } #consent-banner a { color: #2a7ae2; text-decoration: none; cursor: pointer; } #consent-banner a:hover { text-decoration: underline; } #consent-banner button { background-color: #2a7ae2; color: #fff; border: none; border-radius: 4px; padding: 10px 22px; cursor: pointer; flex-shrink: 0; font-size: 14px; margin-left: 15px; transition: background-color 0.3s ease; } #consent-banner button:hover { background-color: #1f5bb8; } @media (max-width: 768px) { #consent-banner { flex-direction: column; align-items: flex-start; padding: 12px 15px; } #consent-banner p { flex: 1 1 100%; margin-bottom: 10px; font-size: 13px; } #consent-banner button { margin-left: 0; width: 100%; } } @media (min-width: 769px) and (max-width: 1024px) { #consent-banner { width: calc(100% - 26px); max-width: 768px; } }