#data-warning { position: fixed; bottom: 0; left: 0; width: 90%; margin: 0 17px; background: linear-gradient(45deg, #ff6b6b, #f94d6a); color: #fff; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; z-index: 1000; } #data-warning .buttons { display: flex; gap: 10px; margin-top: 15px; } #data-warning button { background-color: #fff; color: #333; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; } @media(min-width: 768px) { #data-warning { flex-direction: row; justify-content: space-between; } }