.compatibility-filters {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-column-gap: 18px;
  margin: 20px 8px;

  @media (max-width: 767px) {
    grid-template-columns: 1fr;
    grid-row-gap: 18px;
    margin: 20px 8px;
  }
}

.compatibility-filter {
  display: flex;
  flex-direction: column;
}

.compatibility-filter label {
  font-family: SourceSansPro;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 4px 4px;
}

.compatibility-filter select {
  border-radius: 4px;
  background-color: var(--primary-color);
  padding: 10px 20px;
  color: white;
  font-weight: 600;
  min-width: 200px;
  font-size: 18px;

  @media (max-width: 767px) {
    padding: 15px 20px;
  }
}