/**
 * Question
 */

// Dependencies
@import 'config/question';
@import 'config/direction';
@import 'config/fonts';
@import 'config/dimensions';
@import 'config/colors';

// Declarations
.c-question {
  @include question;
}

.c-question__container {
  margin-top: 10px;

  &.error {
    @include question-error;
  }

  .error-message {
    @include question-error-message;
  }
}

.c-question__label {
  @include question-label;
}

.c-question__info {
  font-size: $font-size-xsmall;
  text-decoration: none;
  vertical-align: middle;

  .icon {
    width: 1.5em;
    height: 1.5em;
    position: relative;
    top: -.1em;

    use {
      fill: currentColor;
    }
  }
}