@import './components//answer-input/style';

$wp-question-block-variables: (
  primary-bg-color: $base-primary-blue,
  primary-text-color: $base-white-color,
);


.wp-block-quizess-question-block {
  @extend %block-element-default;
  padding: 10px;
  background-color: map-get($wp-question-block-variables, 'primary-bg-color');
  color: map-get($wp-question-block-variables, 'primary-text-color');

  .answers-label {
    padding: 20px 0;

    &__title {
      margin: 0;
      color: map-get($wp-question-block-variables, 'primary-text-color');
    }

    &__description {
      @include text-size(small);
      font-style: italic;
      line-height: 1.3;
    }
  }

  .add-answer__outer {
    text-align: center;
    margin-top: 20px;
  }

  .btn-remove {
    margin: 0 10px;
  }

  .question__title,
  .explanation__title {
    @extend %question-top-title;
  }

  .explanation__header {
    @extend %explanation-header;
  }
}