@include b(search-form) {
  @include set-component-css-var('search-form', $search-form);

  margin: getCssVar('search-form-buttons', 'margin');
  background-color: getCssVar('search-form-buttons', 'bg-color');
}

@include b(search-form-buttons) {
  @include set-component-css-var('search-form-buttons', $search-form-buttons);
  @include flex(row, flex-end, center);

  padding: getCssVar('search-form-buttons', 'padding');

  @include e(search) {
    color: getCssVar('search-form-buttons', 'search-btn-color');
    background-color: getCssVar('search-form-buttons', 'search-btn-bg-color');

    &:hover {
      color: getCssVar('search-form-buttons', 'search-btn-color');
      background-color: getCssVar('search-form-buttons', 'search-btn-bg-color');
    }
  }
  @include e(reset) {
    margin: getCssVar('search-form-buttons', 'btn-margin');
  }
}
