#user-alert { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 500px; background: linear-gradient(to right, #4e54c8, #8f94fb); color: #fff; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; z-index: 9999; } #user-alert .buttons { display: flex; gap: 10px; margin-top: 15px; } #user-alert button { background-color: rgba(255, 255, 255, 0.3); color: #fff; border: none; padding: 10px 20px; cursor: pointer; } @media(min-width: 768px) { #user-alert { flex-direction: row; justify-content: space-between; } }