$radio-prefix-cls: $prefix-name + "radio";

.#{$radio-prefix-cls} {
    cursor: pointer;
    user-select: none;
    margin-right: 8px;
    color: $textColor;
    font-size: $fontSize; 
    display: inline-block;
    &-inner {
        position: relative;
        height: 14px;
        line-height: 14px;
        width: 14px;
        display: inline-block;
        margin-right: 4px;
        border-radius: 50%;

        &::before,
        &::after {
            content: '';
            border-radius: 50%;
            position: absolute;
            inset: 0;
            margin: auto;
        }

        &::after {
            width: 100%;
            height: 100%;
            outline: 1px solid $primaryColor;
        }


    }

    &-checked &-inner {
        &::before {
            width: 8px;
            height: 8px;
            background-color: $primaryColor;
           

        }

    }

    &-button {
        height: 32px; 
        line-height: 30px;
        padding: 0 15px;
        background-color: white;
        border: 1px solid $borderColor;
      border-radius:$borderRadius;
    }


    &-button {
        &.#{$radio-prefix-cls}-checked {
            background-color: $primaryColor;
            border: 1px solid $primaryColor;
            color: white;

        }

    }

}