.views-exposed-form form,
.views-exposed-form {
  display: flex;
  gap: calc(2 * var(--spacing));
  flex-wrap: wrap;

  flex-direction: column;
}

.views-exposed-form>* {
  flex: 1;
  width: 100%;
}

.views-exposed-form .form-actions {
  display: flex;
  gap: var(--spacing);
  flex: 0;
  flex-wrap: wrap;
}

.views-exposed-form label {
  margin-bottom: .5rem;
}

@media all and (min-width:768px) {
  .views-exposed-form {
    flex-direction: row;
    align-items: flex-end;
  }

  .views-exposed-form .form-actions {
    flex-wrap: nowrap;
  }
}

.views-exposed-form .form-text[name="keywords"] {
  padding-right: 40px;
  background-image: url('../../../assets/icons/brand/search.svg');
  background-repeat: no-repeat;
  background-position: center right 14px;
}

.views-exposed-form .form-submit {
  padding-right: 54px;
  background-image: url('../../../assets/icons/brand/search-light.svg');
  background-repeat: no-repeat;
  background-position: center right 28px;
  cursor: pointer;
}

.views-exposed-form .form-submit[name="reset"] {
  background-image: none;
  padding-right: 28px;
  font-size: 1rem;
}

.views-exposed-form .form-submit[name="reset"] {
  white-space: nowrap;
  line-height: 1;
}

/* Search */
#views-exposed-form-search-block-all .form-submit:not([name="reset"]) {
  background-color: var(--color-secondary-a);

}

#views-exposed-form-search-block-all .form-submit:not([name="reset"]):hover,
#views-exposed-form-search-block-all .form-submit:not([name="reset"]):focus,
#views-exposed-form-search-block-all .form-submit:not([name="reset"]):active {
  background-color: var(--color-secondary-b);
}


.views-filters-summary .reset {
  display: none;
}