.notification{position:fixed;bottom:20px;right:20px;min-width:250px;max-width:400px;padding:15px 20px;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .2);display:flex;justify-content:space-between;align-items:center;font-family:Arial,sans-serif;font-size:16px;color:#fff;transform:translateY(100px);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease;z-index:1000}.notification.show{transform:translateY(0);opacity:1}.notification.success{background-color:#28a745}.notification.error{background-color:#dc3545}.notification.warning{background-color:#ffc107;color:#333}.notification.info{background-color:#17a2b8}.close-btn{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0 0 0 5px;line-height:1}.close-btn:hover{opacity:.7}