.notification{position:fixed;background:linear-gradient(to bottom,var(--dark-grey) 10%,var(--black) 100%),linear-gradient(to top,var(--black-opacity) 50%,var(--grey-opacity) 100%);background-clip:padding-box,border-box;background-origin:padding-box,border-box;&.px-5{padding:12px!important}top:20px;left:50%;transform:translateX(-50%);color:white;padding:15px 20px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000;animation:slideDown .3s ease,fadeOut .3s ease 9.7s forwards;display:flex;justify-content:space-between;align-items:center;max-width:420px}.notification .close-btn{background:none;border:none;color:white;font-size:20px;cursor:pointer;margin-left:15px}@keyframes slideDown{0%{transform:translateX(-50%) translateY(-20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}