.c-form-element {}

.c-form-element--honey{
  position: fixed;
  top: -100px;
  height: 20px;
  width: 100%;
}

.c-form-element__error {
  @include border-radius(xs);
  @include font-size(xs);
  display: none;
  margin-top: 5px;
  padding: 2px 8px; 
  color: rgba(palette(negative), 0.9);

  &:not(:empty) {
    display: block;
  }
}

.c-form-element__label {
  @include font-size(s);
  @include font-weight(medium);
  color: palette(primary, 400);
  order: 1;
  padding-left: space(1);
  padding-bottom: space(0.5);

  .c-form-element__value:focus ~ & {
    //color: white;
  }

  .has-error & {
    color: palette(warning, 700);
  }

  @at-root p#{&} {
    margin: 0;
  }
}

.c-form-element__optional {
  margin-left: space(1);
  @include font-size(xs);
  @include font-weight(medium);
  color: palette(neutral, 500);
}