.mcq-item {
  &__label {
    margin-bottom: 0.7rem;
    background-color: #FFF;
    color: #005883;
    box-shadow: 0 0 5px #005883b5;
    border-radius: 50px;

    .no-touch &:not(.is-disabled):not(.is-selected):hover,
    html:not(.a11y-disable-focusoutline) .mcq-item__input:focus + & {
      background-color: #e8f0f4;
      color: #005883;
      .transition(background-color @duration ease-in, color @duration ease-in;);
    }

    .no-touch &:not(.is-disabled):not(.is-selected):hover .mcq-item__icon {
      .effect-scalePulse;
    }
  }

  &__label.is-disabled {
    background-color: #f6f6f6;
    color: #005883;
  }

  &__label.is-selected {
    background-color: #e8f0f4;
    color: #005883;
    font-weight: bold;
  }

  &__state {
    position: absolute;
    top: 50%;
    left: @item-padding;
    .transform(translateY(-50%));

    .dir-rtl & {
      left: inherit;
      right: @item-padding;
    }
  }

  &__text {
    padding: @item-padding @item-padding @item-padding (@icon-size + (@item-padding * 2));

    .dir-rtl & {
      padding-left: @item-padding;
      padding-right: @icon-size + (@item-padding * 2);
    }
  }
}
