@use '@/styles/common.scss';

.radio-group-as-gap-btn {

    @extend .text-tip-1;

    .el-radio-button {
        --el-radio-button-checked-bg-color: var(--bg-white-100);
        --el-radio-button-checked-border-color: var(--bg-black-10);
        border-radius: 4px;
    }

    .el-radio-button.is-active {
        --el-radio-button-checked-text-color: var(--color-primary-100);
        --el-radio-button-checked-bg-color: var(--color-primary-10);
        --el-radio-button-checked-border-color: var(--color-primary-5);
        border-radius: 4px;
    }
}

.radio-group-as-radius-btn {


    .el-radio-button {
        --el-radio-button-checked-bg-color: transparent;
        --el-radio-button-checked-border-color: transparent;

        .el-radio-button__inner {
            border-radius: 32px !important;
            // height: 40px;
            @extend .text-regular;
            background-color: var(--bg-white-65);
            border-color: var(--bg-white-100);
            border-width: 1px;
            color: var(--text-primary-65-color);
            //垂直居中
            // display: flex;
            // justify-content: center;
        }
    }

    .el-radio-button.is-active {
        --el-radio-button-checked-text-color: var(--color-primary-100);

        .el-radio-button__inner {
            background-color: var(--color-primary-10) !important;
            border-color: var(--color-primary-35) !important;
        }
    }
}