.filter-pill{border:1.5px solid var(--off2);color:var(--text2);cursor:pointer;background:#fff;border-radius:100px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .15s}.filter-pill:hover{border-color:var(--accent);color:var(--accent)}.filter-pill.active{background:var(--navy);color:#fff;border-color:var(--navy)}@media (max-width:600px){.filter-pill{padding:5px 12px;font-size:11px}}