Make filters with buttons

I am setting up a site, and I need help with a detail that I can not make work. The site I am working on is the following: link As you can see, there is a list of products, and there is a filter inside the "Items" button. What I can not achieve is just that I filtered by clicking on the item. The idea is that when one clicks, for example in "Floors", all the elements that are not floors are hidden and only those that belong to that filter are visible. I leave the code that I used for the filter:

<div class="card">
    <div class="card-header" id="headingThree">
      <h5 class="mb-0">
        <button id="rubros1" class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree" style="color: white">
          Pisos
        </button>
      </h5>
    </div>
  </div>

That's the code used for the filter button! If someone can give me an idea, I would appreciate it.

Of course, thank you very much. Greetings!