.gmcq-item {
  &__label {
    margin: @item-margin;

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

  &__option {
    margin-top: @item-margin;
    padding: @item-padding / 2;
    background-color: @item-color;
    color: @item-color-inverted;
    border-radius: @item-border-radius;
  }

  .no-touch &__label:not(.is-disabled):not(.is-selected):hover &__option,
  html:not(.a11y-disable-focusoutline) &__input:focus-visible + &__label &__option {
    background-color: @item-color-hover;
    color: @item-color-inverted-hover;
    .transition(background-color @duration ease-in, color @duration ease-in;);
  }

  &__label.is-disabled &__option {
    background-color: @disabled;
    color: @disabled-inverted;
  }

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

  &__state {
    min-height: @icon-size;
  }

  &__text {
    margin-top: @item-margin;
    text-align: center;
  }
}

.gmcq:not(.can-show-correctness) {
  .gmcq-item__option {
    position: relative;
  }

  .gmcq-item__state-correctness {
    position: absolute;
    top: @item-padding / 2;
    left: 0;
    right: 0;
  }
}
