.container {
  overflow: hidden;
}

.tool-card {
  background-color: #ffffff;
  color: #000;
  padding: 32px;
  margin: 30px 0;
  display: none; /* Hidden by default */
  box-shadow: rgb(0 0 0 / 4%) 0 6px 12px 4px, rgb(0 0 0 / 4%) 0 4px 10px 2px,
    rgb(0 0 0 / 6%) 0 2px 8px, rgb(0 0 0 / 4%) 0 2px 4px;
  border-radius: 32px;
}

.tool-descripion {
}

.tool-source {
  margin-top: 10px;
  font-size: 14px;

  bottom: 10px;
  left: 30px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  border: solid;
  border-width: 2px;
  outline: none;
  padding: 12px 24px;
  color: #000;
  border-color: #000;
  background-color: #ffffff;
  cursor: pointer;
  border-radius: 100px;
  margin: 3px 3px;
  font-weight: 700;
  letter-spacing: -0.14px;
}

/* Add a light grey background on mouse-over */
.btn:hover {
  background-color: #f9f9fb;
}

/* Add a dark background to the active button */
.btn.active {
  background-color: #000;
  color: white;
}