hubl/src/styles/filters.scss

%filters {
  border-bottom: 1px solid $color-grey1;
  display: grid;
  grid-gap: 0px 15px;
  grid-template-columns: 50% auto;
  padding-bottom: 3em;

  label {
    display: block;
  }

  input, select {
    appearance: none;
    border-style: none;
    box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
    font-size: 85%;
    line-height: 1.80;
    margin-top: 1em;
    width: 95%;
    -moz-appearance: none;
    -webkit-appearance: none;
  }

  input[type="submit"] {
    display: none;
  }

  select {
    background: white;
    box-sizing: border-box;
    display: inline-block;
    padding: 0.5em 12.5em 0.5em 1em;

    background-image:
      linear-gradient(45deg, transparent 50%, $color-grey 50%),
      linear-gradient(135deg, $color-grey 50%, transparent 50%),
      linear-gradient(to right, white, white);
    background-position: 
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      calc(100% - 2.5em) 0.5em;
    background-repeat: no-repeat;
    background-size:
      5px 6px,
      5px 6px,
      1px 1.5em;
  }

  sib-form-label-text {
    display: flex;
    flex-direction: column;
  }
}

#offers-list > sib-form > form {
  @extend %filters;
}

#profiles-list > sib-form > form {
  @extend %filters;
}