.arco-radio-group {
  &.arco-radio-group-type-button {
    padding: 0;

    label {
      &.arco-radio-button {
        position: relative;
        font-weight: normal;
        border-width: 1px;
        border-style: solid;
        border-block-start-width: 1.02px;
        border-inline-start-width: 0;
        border-inline-end-width: 1px;
        border-color: var(--color-border-4);
        margin: 0;
        background-color: var(--color-bg-2);

        &::after {
          background-color: transparent;
        }

        &::before {
          background-color: transparent;
        }

        border-radius: 0;

        &:first-child {
          border-inline-start-width: 1px;
        }

        &:not(.arco-radio-disabled):not(.arco-radio-checked):hover {
          background-color: var(--color-fill-2);
        }

        &.arco-radio-checked {
          z-index: 1;
          color: rgb(var(--primary-6));
          border-color: rgb(var(--primary-6));
          background-color: rgb(var(--primary-1));

          &::before {
            left: -1px;
            height: 100%;
            opacity: 1;
            background-color: rgb(var(--primary-6));
            transition: none;
          }
        }
      }
    }

    &.arco-radio-button-block {
      width: 100%;
      display: flex;

      .arco-radio-button {
        flex: 1;
        flex-shrink: 0;
        text-align: center;
      }
    }

    &.arco-radio-button-solid {
      .arco-radio-button {
        &.arco-radio-checked {
          color: #fff;
          background-color: rgb(var(--primary-6));
        }
      }
    }

    &.arco-radio-button-semi {
      .arco-radio-button {
        &.arco-radio-checked {
          background-color: var(--color-primary-light-1);
        }
      }
    }
  }

  &.arco-radio-size-default,
  &.arco-radio-size-small {
    .arco-radio-button {
      &:first-child {
        border-start-start-radius: var(--border-radius-medium);
        border-end-start-radius: var(--border-radius-medium);
      }

      &:last-child {
        border-start-end-radius: var(--border-radius-medium);
        border-end-end-radius: var(--border-radius-medium);
      }
    }
  }

  &.arco-radio-size-mini {
    .arco-radio-button {
      &:first-child {
        border-start-start-radius: var(--border-radius-small);
        border-end-start-radius: var(--border-radius-small);
      }

      &:last-child {
        border-start-end-radius: var(--border-radius-small);
        border-end-end-radius: var(--border-radius-small);
      }
    }
  }

  &.arco-radio-size-large {
    .arco-radio-button {
      &:first-child {
        border-start-start-radius: var(--border-radius-large);
        border-end-start-radius: var(--border-radius-large);
      }

      &:last-child {
        border-start-end-radius: var(--border-radius-large);
        border-end-end-radius: var(--border-radius-large);
      }
    }
  }
}