#job-offer-filter {
  background-color: #bae8f1;
  border: 0;
}
#job-offer-filter .choices input[type="search"] {
  border: 0;
  width: 16ch !important;
}
#job-offer-filter .choices__item {
  border-radius: 0;

}
#job-offer-filter .choices__item .choices__button {
  padding: 4px 16px;
}
#job-offer-filter fieldset {
  display: flex;
  flex-wrap: wrap;
  border: 0;
}
#job-offer-filter fieldset legend {
  width: 100%;
  font: normal normal bold 24px/28px Dosis;
  color: #00A5C4;
  text-align: center;
  padding: 1rem;
}

#job-offer-filter fieldset .field-group {
  flex: 0 0 50%;
  padding: .5rem;
}
@media (max-width: 768px) {
  #job-offer-filter fieldset .field-group {
    flex: 0 0 100%;
  }
}
#job-offer-filter button[type="submit"] {
  margin: .5rem;
  flex: 0 0 100%;
  width: 100%;
  display: block;
  color: #fff;
  background-color: #00A5C4;
  transition: 400ms;
  border: 0;
  text-align: center;
  font: normal normal bold 24px/28px Dosis;
}
#job-offer-filter button[type="submit"]:hover {
  background-color: #d35a1e;
}