@mixin h2-component-form-select-generic(
  $padding
) {

  [data-h2-input-wrapper] {

    [data-h2-input-select-icon] {
      position: absolute;
      pointer-events: none;
      top: calc(50% + (#{$padding} / 4));
      right: $padding;
      transform: translate(0, -50%);
    }

    [data-h2-input] {
      appearance: none;
      cursor: pointer;

      &::-ms-expand {
        display: none;
      }
        
    }

  }

}