@layer components {
  .job-listing__filter-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    border-bottom: 1px solid var(--general-dividers);
  }
  .job-listing__filter-wrapper > * {
    min-width: 0;
  }
  @media (min-width: 768px) {
    .job-listing__filter-wrapper {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .job-listing__filter-wrapper > *:nth-child(1) {
      grid-column: 1/5;
      grid-row: 1;
    }
    .job-listing__filter-wrapper > *:nth-child(2) {
      grid-column: 5/7;
      grid-row: 1;
    }
    .job-listing__filter-wrapper > *:nth-child(n+3) {
      grid-column: span 2;
    }
  }
}