.notification-button{white-space:nowrap;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:9px;padding:10px;cursor:pointer}.notification-button.has-unread{background:#eaf2ce;border-color:#b7d83d;color:#17392b}.notification-item{padding:18px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.notification-item.unread{border-left:4px solid #b7d83d;background:#f7f9f1}.notification-item h3{overflow-wrap:anywhere}.notification-item p{font-size:13px}@media(max-width:600px){.notification-button{font-size:11px;padding:7px}}