#consent-bar { position: fixed; bottom: 0; left: 11px; width: calc(100% - 22px); max-width: calc(90%); background-color: #f9f9f9; color: #333; padding: 15px 20px 15px 20px; box-sizing: border-box; box-shadow: 0 -2px 8px rgba(0,0,0,0.1); border-radius: 8px 8px 0 0; display: flex; align-items: center; font-family: Arial, sans-serif; font-size: 14px; z-index: 10000; } #consent-bar a { color: #007BFF; text-decoration: none; cursor: pointer; } #consent-bar a:hover { text-decoration: underline; } #consent-bar .close-btn { margin-left: auto; background: none; border: none; font-size: 20px; line-height: 1; cursor: pointer; color: #555; padding: 0; } @media (max-width: 600px) { #consent-bar { font-size: 12px; padding: 12px 15px 12px 15px; } #consent-bar .close-btn { font-size: 18px; } } @media (min-width: 601px) and (max-width: 1024px) { #consent-bar { font-size: 13px; padding: 14px 18px 14px 18px; } }