.applied-filters {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;


  & a.filter {
    background-color: #444;
    color: white;
    border-radius: 2px;
    margin: 0 0.25rem;
    padding: 0 0.25rem;
    text-decoration: none;
    white-space: nowrap;

    &:hover {
      background-color: black;
    }

    & svg.filter-desktop-only {
      display: none;

      @media (width >= 500px) {
        display: var(--fa-display, inline-block);
      }
    }
  }
}