#data-modal { position: fixed; bottom: 0; left: 0; width: 90%; max-width: 300px; background: linear-gradient(135deg, #13f1fc 0%, #0470dc 100%); color: #ffffff; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; z-index: 9999; border-top-right-radius: 10px; border-top-left-radius: 10px; overflow: hidden; } .data-modal__text { margin-bottom: 20px; text-align: center; } .data-modal__buttons { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; } .data-modal__button { background-color: #ffffff; color: #0470dc; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; } @media(min-width: 768px) { #data-modal { flex-direction: row; justify-content: space-between; align-items: center; } }