.computer-filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}
.computer-filter-btn{appearance:none;border:1px solid var(--line);background:#f8faf8;color:var(--ink);border-radius:12px;min-height:44px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;font:inherit;cursor:pointer;transition:.16s ease}
.computer-filter-btn:hover{border-color:#9bc77d;background:#fbfef9;transform:translateY(-1px)}
.computer-filter-btn.active{border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 2px rgba(69,169,0,.08)}
.computer-filter-btn span{font-size:17px;line-height:1}
.computer-filter-btn b{font-size:12px;white-space:nowrap}
.computer-filter-btn small{min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#fff;border:1px solid var(--line);display:inline-grid;place-items:center;color:var(--muted);font-size:10px;font-weight:800}
.computer-filter-btn.active small{border-color:#b9dca1;color:var(--green-dark)}
@media (max-width:620px){.computer-filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.computer-filter-btn{justify-content:flex-start;width:100%}.computer-filter-btn small{margin-left:auto}}