#user-notification { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 65%; max-width: 600px; background-color: #222; color: #fff; padding: 20px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; z-index: 9999; border-radius: 10px; } #user-notification .close-btn { font-size: 20px; color: #fff; cursor: pointer; } @media(max-width: 768px) { #user-notification { width: 90%; } }