#consent-banner { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 90%; max-width: calc(100% - 34px); background-color: #f9f9f9; color: #333; padding: 15px; box-sizing: border-box; border: 1px solid #ddd; box-shadow: 0 -2px 6px rgba(0,0,0,0.1); z-index: 10000; display: flex; flex-direction: column; align-items: center; } #consent-banner p { margin: 0 0 10px; text-align: center; } #consent-banner button { background-color: #4CAF50; color: #fff; border: none; padding: 10px 20px; cursor: pointer; } @media (min-width: 768px) { #consent-banner { flex-direction: row; justify-content: space-between; } }