#user-data-popup { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 400px; background: linear-gradient(45deg,#3f87a6,#ebf8e1); color: #fff; padding: 20px; box-sizing: border-box; display: flex; align-items: center; z-index: 9999; } #user-data-popup p { margin: 0; flex-grow: 1; } #user-data-popup button { background-color: #f15a24; color: #fff; border: none; padding: 10px 20px; cursor: pointer; margin-left: 20px; } @media(min-width: 768px) { #user-data-popup { max-width: 600px; } }