#user-data-popup { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 500px; background: linear-gradient(90deg, rgba(33, 150, 243, 1) 0%, rgba(3, 169, 244, 1) 100%); color: #fff; padding: 20px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; z-index: 9999; } #user-data-popup a { color: #ffeb3b; text-decoration: none; } #user-data-popup button { margin-top: 15px; background-color: #8bc34a; color: #fff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 4px; } @media(min-width: 768px) { #user-data-popup { flex-direction: row; justify-content: space-between; } }