.mcq-item {
  &__label {
    margin-bottom: @item-margin / 2;
    background-color: @item-color;
    color: @item-color-inverted;
    border-radius: @item-border-radius;

    .no-touch &:not(.is-disabled):not(.is-selected):hover,
    html:not(.a11y-disable-focusoutline) .mcq-item__input:focus-visible + & {
      background-color: @item-color-hover;
      color: @item-color-inverted-hover;
      .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: @disabled;
    color: @disabled-inverted;
  }

  &__label.is-selected {
    background-color: @item-color-selected;
    color: @item-color-inverted-selected;
  }

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

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

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

.mcq.can-show-correctness {
  .mcq-item__state-correctness {
    left: inherit;
    right: @item-padding;

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

  .mcq-item__text {
    padding-inline: (@icon-size + (@item-padding * 2));
  }
}
