$el: #{$prefix}-form-required-mark;

.#{$el} {
  color: color(danger, 900);
  font-size: font-size(100);
  margin-left: space(xxs);
  position: relative;
  bottom: space(xxs);
  &.optional-mark {
    font-size: font-size(100);
    color: color(brand-primary, 600);
    font-weight: 600;
  }
}

// PUI-5311 legend tag doesn't support flex on FF & safari
legend.#{$prefix}-label--group .#{$el} {
  bottom: 6px;
}