.notification-content{display:flex;align-items:center;background:#f8f8f8;padding:10px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:transform .3s}.notification-icon{margin-right:10px;font-size:20px;color:#16e34a}.popUp-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:99;animation:fadeIn .5s ease-in}.popUp{background:white;color:#000000;border-radius:10px;padding:10px;width:80%;max-width:500px;box-shadow:0 5px 15px rgba(0,0,0,.3);animation:slideIn .5s ease-out}.popUp-content{margin:10px 0;display:flex;flex-direction:column;align-items:center}.close-btn{width:100%;padding-right:5px;background-color:transparent;border:none;font-size:20px;cursor:pointer;color:#0d0c0c;display:flex;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}