.notification{position:fixed;bottom:20px;right:20px;background-color:#323232;color:#fff;padding:15px 20px;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-width:350px;transform:translateY(100px);opacity:0;transition:transform .3s,opacity .3s}.notification.show{transform:translateY(0);opacity:1}.notification-content{display:flex;align-items:center;justify-content:space-between;gap:15px}.notification-message{font-family:Arial,sans-serif;font-size:14px;line-height:1.4}.notification-close{background:0 0;border:0;color:#fff;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7;transition:opacity .2s}.notification-close:hover{opacity:1}