@mixin h2-component-fieldset-generic(
  $font,
  $font-size,
  $padding
) {
  border: none;
  padding: 0;

  [data-h2-fieldset-legend] {
    font-family: $font;
    font-size: $font-size;
  }

  [data-h2-fieldset-fields] {
    border-style: solid;
    border-width: 1px;
    margin-top: calc(#{$padding} / 2);
  }

}

@mixin h2-component-fieldset-color(
  $color
) {

  [data-h2-fieldset-fields] {
    background-color: rgba($color, .2);
    border-color: $color;
  }

}

@mixin h2-component-fieldset-radius(
  $radius
) {
  
  [data-h2-fieldset-fields] {
    border-radius: $radius;
  }
  
}