/* Filtteripalkki ilman päätaustaa */
.materials-filter{
  background:transparent;
  padding:0;
  border-radius:0;
  display:flex; flex-wrap:wrap; gap:10px; margin:0 0 18px 0;
}

/* Yksittäinen nappi: oma tausta + pyöristys; EI reunaviivaa */
.materials-filter .mf-btn{
  appearance:none;
  border:none !important;           /* pakotetaan pois */
  background:#F8F5EF;
  padding:10px 16px;                /* +2px molempiin suuntiin */
  border-radius:999px;
  font:600 14px/1.2 "Work Sans", system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#3B5A4C;
  cursor:pointer;
}
.materials-filter .mf-btn.is-active,
.materials-filter .mf-btn[aria-pressed="true"]{
  background:#3B5A4C;
  color:#fff;
}
.materials-filter .mf-btn:focus{
  outline:2px solid #3B5A4C;
  outline-offset:2px;
}