.c-q-list {
    counter-reset: alternative;
    padding: 0;
    margin: 0;
    list-style: none;
}


.c-q-alternative {
    counter-increment: alternative;
    position: relative;
    padding: 12px;
    border-radius: 4px;
    color: #323232;

    &__index {
        &:before {
            content: counter(alternative, lower-alpha) ".";
            display: inline-block;
            width: 43px;
        }
    }

    status = {right: success, wrong: danger}

    for result, alias in status {
        &--{result} {
            background-color: lookup('$color--' + alias + '-light');
            color: #323232;
            pointer-events: none;

            .c-radio__input {
                check-radio-button(lookup('$color--' + alias), @color);

                focus-radio-button(currentColor);
            }
        }
    }
}