understanding-relative-risks/src/scss/modules/_answers.scss

.answer-item {
  @include spacing(b 2);

  &__title {
    @include font-size(h5);
    @include spacing(b .75);
  }

  &__value {
    @include font-size(small);
    text-transform: uppercase;
  }
}

.question__options__item {
  .question__fakenews & {
    @include spacing;

    .checkbox-label {
      font-weight: 500;
    }
  }

  &--marked {
    @include color(error);

    .checkbox-label::before {
      @include border-color(error);
      border-width: 1px;
      border-style: solid;
    }

    .checkbox-label::after {
      @include absolute(t 0, l 0);
      @include font-size(h3);
      line-height: 1;
      content: '\2715';
      display: block;
      width: 20px;
      height: 20px;
      text-align: center;
    }
  }

  &--correct {
    @include color(correct);

    .checkbox-label::before {
      @include border-color(correct);
      border-width: 1px;
      border-style: solid;
    }
  }

  &--checked {
    .checkbox-label::before {
      @include border-color(correct);
      border-width: 1px;
      border-style: solid;
    }

    .checkbox-label::after {
      @include absolute(t 0, l 0);
      @include font-size(h3);
      @include color(correct);
      line-height: 1;
      content: '\2715';
      display: block;
      width: 20px;
      height: 20px;
      text-align: center;
    }
  }

  &--selected {
    .checkbox-label::after {
      @include absolute(t 0, l 0);
      @include font-size(h3);
      @include color(default);
      line-height: 1;
      content: '\2715';
      display: block;
      width: 20px;
      height: 20px;
      text-align: center;
    }
  }

  &--incorrect {
    @include color(error);
  }
}

// mod2
.question__answer__item {
  @include spacing(t 1);
  text-align: center;

  &--correct {
    @include color(correct);
  }

  &--incorrect {
    @include color(error);
  }

  span {
    @include font-size(h5);
  }
}

.checkbox-feedback {
  @include color(default);
  @include spacing-inner(l 1.3);
}