.duel-questions {
    .form-check {
        margin-bottom: 0.25rem;

        input {
            &.form-checkbox,
            &.form-radio {
                display: none;
            }

            & + label {
                -moz-border-radius: 14px;
                -webkit-border-radius: 14px;
                border-radius: 14px;
                padding: 0.5rem 1rem;
                display: block;
                cursor: pointer;
                background-color: var(--bs-gray-500);
                border: 0;
                margin: 0 auto;
                color: var(--aps-secondary-color);
                -webkit-transition: all 0.15s ease-in-out 0s;
                -moz-transition: all 0.15s ease-in-out 0s;
                -o-transition: all 0.15s ease-in-out 0s;
                transition: all 0.15s ease-in-out 0s;

                &:hover,
                &:focus,
                &:active {
                    background-color: var(--bs-gray-600);
                }
            }

            &:checked {
                & + label {
                    background-color: var(--aps-primary-color);
                    color: white;

                    &:hover,
                    &:focus,
                    &:active {
                        background-color: var(--aps-primary-dark);
                    }
                }
            }
        }
    }
}
