#user-data-banner { position: fixed; bottom: 0; left: 0; width: 80%; max-width: 400px; background-color: #f9f9f9; color: #333; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; z-index: 1000; border-top-right-radius: 8px; border-top-left-radius: 8px; } #user-data-banner p { margin: 0 0 10px; } #user-data-banner button { align-self: flex-end; background-color: transparent; border: none; font-size: 16px; color: #777; cursor: pointer; } @media(min-width: 768px) { #user-data-banner { flex-direction: row; align-items: center; padding: 20px; } #user-data-banner p { margin-right: 20px; margin-bottom: 0; } }