.new-notification-container{display:flex;background-color:#ecf1fe;padding:15px 12px;position:relative;border-radius:4px}@media(max-width:768px){.new-notification-container{flex-direction:column}}.new-notification-container.danger{background-color:#ffe6e6!important;border-left:5px solid #ff4d4f;color:#a8071a}.new-notification-container.danger .icon-div svg{color:#ff4d4f}.new-notification-container.danger .noti-info h6,.new-notification-container.danger .noti-info p{color:#a8071a}.new-notification-container.danger .action{color:#ff4d4f;font-weight:600}.new-notification-container.danger .svgicon{color:#a8071a}.new-notification-container .new-left-side{display:flex;flex-direction:row;max-width:80%;width:80%;gap:20px;padding:0 10px}.new-notification-container .new-left-side .noti-info{gap:5px;max-width:100%;width:100%}.new-notification-container .new-left-side h6{font-size:16px;font-weight:700;font-family:var(--font-nunito);margin-top:3px}.new-notification-container .new-left-side p{font-size:14px;font-family:var(--font-nunito);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.new-notification-container .new-right-side{width:14%;justify-content:flex-end;align-items:center;display:flex}@media(max-width:768px){.new-notification-container .new-right-side{width:100%;justify-content:center}}.new-notification-container .new-right-side .action{width:120px;padding:7px 15px;background-color:#5138c3;text-align:center;border-radius:4px;color:#fff}@media(max-width:768px){.new-notification-container .new-right-side .action{width:auto;margin-top:10px}}.new-notification-container .new-right-side .action:hover{background-color:#4a3b8b}.new-notification-container .svgicon{cursor:pointer;position:absolute;top:5px;right:8px}