RadioButtonGroup.less

@main-color: #FFFFFF;

.WLC-RadioButtonGroup {
    .active {
        color: #fff;
        border: 1px solid @main-color;
        background-color: @main-color;
    }

    .RadioBtnWithLabel {
        display: inline-block;

        margin-right: 15px;

        &:active {
            .active;
        }

        &.WLC-disabled span,
        &.WLC-disabled .Icon {
            cursor: default;
        }
        span,
        .Icon {
            cursor: pointer;
        }

    }

    &.WLC-rectangle .WLC-RadioBtnWithLabel {
        display: inline-block;

        margin-right: -3px;
        padding: 5px 10px;

        cursor: pointer;

        color: @main-color;
        border: 1px solid @main-color;
        border-radius: 1px;
        background-color: #fff;

        &:active {
            .active;
        }
    }

    &.WLC-rectangle.WLC-disabled {
        opacity: .5;
    }

    &.WLC-rectangle .WLC-RadioBtnWithLabel.active {
        -webkit-animation-duration: .2s;
           -moz-animation-duration: .2s;
            -ms-animation-duration: .2s;
             -o-animation-duration: .2s;
                animation-duration: .2s;

        .active;
    }
}