.notification-list{display:grid;gap:10px}.notification-list>a{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;background:#fff;padding:17px;border:1px solid #e4e7ec;border-radius:16px;color:#172033;text-decoration:none}.notification-list>a:hover{border-color:#8b76e9}.notification-list i{width:48px;height:48px;display:grid;place-items:center;background:#f0edff;border-radius:14px;font-style:normal;font-size:22px}.notification-list a>div{display:flex;flex-direction:column}.notification-list span{color:#475467}.notification-list small{color:#98a2b3}.notification-list strong{font-size:24px;color:#725bd9}