.@{input-number-prefix-cls} { 
  &.arco-input-number-mode-button .arco-input-group > .arco-input-inner-wrapper{
    border-radius: 0;
  }
  &.arco-input-number-mode-button{
    .arco-input-group-addbefore .arco-input-number-step-button{
      border: solid var(--color-border-1);
      border-width: 1px 0 1px 1px;
      border-radius: 4px 0 0 4px;

      &:hover{
        background-color: var(--color-bg-white);
        .arco-icon{
          color: rgb(var(--primary-5));
        }
      }

      &.arco-input-number-step-button-disabled{
        background-color: var(--color-fill-2);
        .arco-icon{
          color: var(--color-text-6);
        }
      }
    }
    .arco-input-group-addafter .arco-input-number-step-button{
      border: solid var(--color-border-1);
      border-width: 1px 1px 1px 0;
      border-radius: 0 4px 4px 0;

      &:hover{
        background-color: var(--color-bg-white);
        .arco-icon{
          color: rgb(var(--primary-5));
        }
      }

      &.arco-input-number-step-button-disabled{
        background-color: var(--color-fill-2);
        .arco-icon{
          color: var(--color-text-6);
        }
      }
    }

    .arco-input-group > .arco-input-inner-wrapper-focus{
      border-radius: 0;
    }
  }
}