Form Label: Invalid

.form-label {
  @extend %heading-font-regular;

  display: block;
  width: 100%;
  font-size: $font-size-base;
  color: $form-label-color;

  &--emphasized {
    @extend %heading-font-bold;
  }

  &--invalid {
    color: $form-label-invalid-color;
  }

  // Mute labels in next to disabled form-controls
  &.form-label--disabled,
  .form-control__input:disabled ~ & {
    cursor: not-allowed;
    color: $checkbox-color-disabled;
  }
}