:root{--red:#FF5050;--gray:#6B7280;--black:#1E1E1E;--primary:#1b4ab2}.wn-notifs-filters .btn{font-size:16px;font-weight:400;padding:16px;line-height:1;min-width:81px}.wn-notifs-filters .btn-outline-light{color:var(--gray);background:#fff0;border-color:#d1d1d1}.wn-notifs-filters .btn-outline-light:hover,.wn-notifs-filters .btn-outline-light:focus,.wn-notifs-filters .btn-outline-light:active{color:var(--black);background:#d1d1d1;border-color:#d1d1d1}.wn-notifs-filters{padding:32px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wn-notifs ul{list-style:none;padding:0;margin:0}.wn-notifs li{border-bottom:1px solid #E3E3E3;margin-bottom:16px;padding-bottom:16px}.wn-notifs li:last-child{border:0}.wn-notifs .wn-title{display:block;color:var(--primary);font-size:16px;font-weight:500;line-height:22px;margin-bottom:16px;position:relative}.wn-notifs li.wn-unread .wn-title{padding-right:19px}.wn-notifs li.wn-unread .wn-title:before{content:"";width:11px;height:11px;border-radius:100%;background:var(--red);position:absolute;right:0;top:50%;transform:translateY(-50%)}.wn-notifs .wn-content{font-size:14px;font-weight:400;color:var(--gray);line-height:26px;text-align:justify}.wn-notifs .wn-meta{display:flex;align-items:center;justify-content:space-between}.wn-notifs .wn-date{font-size:12px;font-weight:500;line-height:28px;color:var(--gray)}.wn-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.wn-pagination a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-size:16px;font-weight:400;color:var(--black);background:#fff0}.wn-pagination a:hover,.wn-pagination a.current-page{color:#fff;background:var(--primary)}