#cookie-banner { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 36px); background: linear-gradient(45deg, #f06, #f79); padding: 15px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; z-index: 9999; } #cookie-banner p { margin: 0 0 10px; text-align: center; color: #fff; } #cookie-banner button { background-color: #fff; color: #f06; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; } @media(min-width: 768px) { #cookie-banner { flex-direction: row; justify-content: space-between; } }