#filter-buttons button {
  border-radius: 3px;
  color: #fff;
  background: #0C7548;
  border-color: transparent;
}

#filter-buttons button:hover {
  color: #fbd341;
  background: #0C7548;
}

#filter-buttons button.active {
  color: #fbd341;
  background: #0C7548;
}

#filterable-cards .card {
  width: 33.33%;
  border: 2px solid transparent;
}

#filterable-cards .card.hide {
  display: none;
}
@media (max-width: 900px) {
  #filterable-cards {
    justify-content: center;
  }

  #filterable-cards .card {
    width: calc(100% / 2 - 10px);
  }
}
@media (max-width: 600px) {
  #filterable-cards {
    justify-content: center;
  }

  #filterable-cards .card {
    width: calc(100% / 1 - 10px);
  }
}