.has-error {
  &.list-button,
  &.list-card {
    border: 1px solid transparent;
    color: $red;
    label {
      border: 1px solid $red;
      border-radius: .5rem;
    }
  }
  input[type=checkbox]:focus + label,
  input[type=radio]:focus + label,
  input[type=checkbox]:checked + label,
  input[type=radio]:checked + label {
    box-shadow: 0 0 0 2.5px transparent !important;
  }
  &.list-button-horizontal {
    color: $red;
    label {
      border: 1px solid $red;
    }
  }
  &.ui-radio,
  &.ui-checkbox {
    input[type=checkbox],
    input[type=radio],
    input[type=radio]+label:before,
    input[type=checkbox]+label:before {
      border: 1px solid $red;
    }
    input[type=checkbox]:checked + label:before {
      border: 1px solid $blue;
    }
  }
}

.form-test-error {
  color: $red;
  font-size: .875rem;
  font-weight: 500;
}

.form-test-invalid {
  &.btn.btn-primary {
    color: $gray;
    background: $gray-200;
    cursor: pointer;
    pointer-events: all;
  }
  &.btn.btn-primary:hover,
  &.btn.btn-primary:focus,
  &.btn.btn-primary:focus-visible {
    color: $gray;
    background: $gray-200;
    box-shadow: none;
  }

}