.@{radio-prefix-cls} { 
  &.arco-radio-disabled {
    .arco-icon-hover.arco-icon-hover-disabled{
      .arco-radio-mask{
        border: 1px solid var(--color-border-1);
      }
    }
    .arco-radio-text{
      color: var(--color-text-6);
    }
  }

  // 按钮样式
  &-group.arco-radio-size-default .arco-radio-button{
    line-height: 30px;
  }
  &-group .arco-radio-button{
    border-radius: 0;

    &:first-of-type{
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }
    &:not(:first-of-type){
      margin-left: 1px;
      border-left: 0;
    }
    &:last-of-type{
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }

    // 默认样式
    border: 1px solid var(--color-border-2); 
    background: var(--color-bg-1);

    // hover样式
    &:hover{
      border-color: rgb(var(--primary-2));
      background: rgb(var(--primary-2));
      color: rgb(var(--primary-5));
      font-weight: 600;
    }

    // active样式
    &:active{
      border-color: rgb(var(--primary-2));
      background: rgb(var(--primary-2));
      color: rgb(var(--primary-7));
      font-weight: 600;
    }

    // 选中样式
    &.arco-radio-checked{
      border-color: rgb(var(--primary-2));
      background: rgb(var(--primary-2));
      color: rgb(var(--primary-6));
      font-weight: 600;
    }

    // 禁用状态
    &.arco-radio-disabled{
      border-color: var(--color-fill-2);
      background: var(--color-fill-2);
      color: var(--color-text-6);
      font-weight: normal;
    }

    // 禁用选中状态
    &.arco-radio-disabled.arco-radio-checked{
      border-color: var(--color-fill-1);
      background: var(--color-fill-1);
      color: var(--color-text-6);
      font-weight: 600;
    }
  }
  
  // 禁用点的颜色
  &.arco-radio-checked.arco-radio-disabled .arco-radio-mask::after{
    background-color: var(--color-text-5);
  }
}