#consent-bar { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 400px; background-color: #222; color: #eee; padding: 15px 20px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; font-family: Arial, sans-serif; font-size: 14px; z-index: 10000; border-top-right-radius: 8px; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #consent-bar a { color: #4ea1ff; text-decoration: underline; } #consent-bar button { margin-top: 10px; background-color: #4ea1ff; border: none; color: #fff; padding: 10px 18px; border-radius: 4px; cursor: pointer; font-weight: 600; } @media (min-width: 600px) { #consent-bar { max-width: 350px; font-size: 15px; } } @media (min-width: 992px) { #consent-bar { max-width: 400px; font-size: 16px; padding: 20px 25px; } }