.mc-filter-btn { padding:10px 24px; background:transparent; display:inline-flex; transition:all 0.3s cubic-bezier(0.4,0,0.2,1); border:none; font-weight:600; border-radius:12px; margin: 0 5px; align-items:center; gap:8px; color:#64748B; cursor:pointer; font-size:0.95rem; }
.mc-filter-nav { box-shadow:inset 0 2px 4px rgba(0,0,0,0.02); padding:6px; display:inline-flex; border-radius:16px; margin-bottom:2rem; border:1px solid #F1F5F9; background:#ccc; }
.mc-filter-btn:not(.active):hover { background:rgba(255,255,255,0.6); color:#0F172A; }
.mc-filter-btn.active span { color:#FFFFFF; background:rgba(255,255,255,0.25); }
.mc-filter-btn.active { color:#FFFFFF; box-shadow:0 6px 16px -4px rgba(239,68,68,0.4); background:#EF4444; transform:translateY(-1px); }
.mc-filter-btn:not(.active) span { background:#E2E8F0; color:#475569; }
.d-none { display:none!important; }
.mc-filter-btn span { transition:all 0.3s ease; padding:2px 8px; font-size:0.8rem; font-weight:700; border-radius:8px; }