.alert{align-items:center;animation:slide-in .5s;border-radius:5px;color:#fff;display:flex;font-weight:700;justify-content:space-between;margin:10px 0;padding:15px}.alert-info{background-color:#007bff}.alert-warning{background-color:#ffc107}.alert-error{background-color:#dc3545}@keyframes slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.btn{background:none;border:none;cursor:pointer;font-size:1.2em;margin-left:20px}.btn:focus{outline:none}.close-button{margin-left:auto;margin-right:10px}.notification-content{align-items:center;display:flex;flex-grow:1}