#user-notification { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 400px; background-color: #f9f9f9; color: #000; padding: 20px; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; z-index: 9999; } #user-notification p { margin: 0; flex-grow: 1; } #user-notification button { background: none; border: none; color: #000; font-size: 18px; cursor: pointer; padding: 0; margin-left: 10px; } @media(min-width: 768px) { #user-notification { max-width: 600px; padding: 30px; } }