.notif-wrapper{ position:relative; }

.notif-dropdown{
position:absolute;
right:0;
top:35px;
width:320px;
background:#fff;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
display:none;
}

.notif-dropdown.show{ display:flex; }

.notif-item{
padding:12px;
border-bottom:1px solid #eee;
}

.notif-item.unread{
background:#fff6f0;
}