.small-button {
  font-size: 0.75rem; /* Adjust the font size as needed */
  padding: 0.1rem 0.2rem; /* Adjust the padding as needed */
}

.select-buttons {
  display: flex;
  gap: 0.5em;
  margin: 0.5em 0;
}

#select-filter-button {
  display: none;
  font-size: var(--font-bg);
}

#reset-filters-button {
  background-color: var(--color-accent);
  border: 1px solid var(--color-accent);
}

#columnToggles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

#toggle-menu-container {
  font-size: var(--font-md);
}

@media (max-width: 1050px) {
  #toggle-menu-container {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
    interpolate-size: allow-keywords;
  }

  #filter-icon {
    width: 2em;
  }

  #toggle-menu-container.visible-filters {
    height: auto;
  }

  #select-filter-button {
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin: 1em 0 1em auto;
    border: none;
    background-color: var(--color-gray-light);
    border-radius: 5%;
    opacity: 0.5;
  }

  .select-buttons {
    justify-content: start;
  }
}

.filter-wrapper {
  background: #eee;
  border: 1px solid transparent;
  border-radius: 20px;
  overflow: hidden;
  margin: 0.5px;
  padding: 2px 10px;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}