@import "../../scss/variables";
@import "../../scss/typo.mixins";
@import "../../scss/breakpoints.mixins";

.form-group {
  margin-bottom: 15px;

  @include media-breakpoint-up(tablet) {
    margin-bottom: 18px;
  }
}

.form-group__label {
  @extend %typo-18;

  margin: 0 0 4px;
  color: $color-mineshaft;

  @include media-breakpoint-up(tablet) {
    margin-bottom: 9px;
  }
}

.form-group__error {
  @extend %typo-18;

  color: $color-amaranth;
}