#cookie-banner { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 34px); background-color: #f9f9f9; color: #333; padding: 15px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 5px 5px 0 0; display: flex; flex-direction: column; align-items: center; z-index: 1000; } #cookie-banner p { margin: 0; text-align: center; } #cookie-banner .buttons { margin-top: 10px; display: flex; gap: 10px; } #cookie-banner button { padding: 10px 20px; border: none; border-radius: 3px; cursor: pointer; } @media (min-width: 768px) { #cookie-banner { flex-direction: row; justify-content: space-between; } #cookie-banner p { margin: 0; } }