.nts-btn-base {
  @apply inline-flex justify-center items-center font-[500] align-middle transition-button duration-[250ms] gap-2 select-none text-base active:transition-none outline-0;
}

.nts-btn-disable {
  @apply pointer-events-none cursor-default;
}
/* height:36px */
.nts-btn-small {
  @apply h-9 px-3 text-xs;
}
/* height:44px */
.nts-btn-medium {
  @apply h-11 px-4;
}
/* height:48px */
.nts-btn-large {
  @apply h-12 px-5;
}
.nts-btn-loading {
  @apply relative cursor-default;
}
.nts-btn-loading::before {
  /* @apply content-[""] absolute transition-opacity duration-200 bg-white opacity-30 pointer-events-none z-[1] inset-[-1px] rounded-[inherit]; */
}

.nts-btn-rounded {
  @apply rounded-[4px];
}

.nts-btn-contained {
  @apply min-w-[100px] text-white nts-btn-rounded font-medium;
}
/* 蓝色-实心 */
.nts-btn-primary-contained-enable {
  @apply nts-btn-contained bg-blue hover:bg-blue-5 active:bg-blue-8;
}
/* 绿色-实心 */
.nts-btn-green-contained-enable {
  @apply nts-btn-contained bg-green hover:bg-green-4 active:bg-green-7;
}
/* 红色-实心 */
.nts-btn-red-contained-enable {
  @apply nts-btn-contained bg-red hover:bg-red-5 active:bg-red-8;
}
/* 灰色-实心 */
.nts-btn-gray-contained-enable {
  @apply nts-btn-contained !text-gray-16 bg-derive hover:bg-gray-5 active:bg-gray-6;
}
/* 禁用-实心 */
.nts-btn-contained-disabled {
  @apply nts-btn-contained nts-btn-disable bg-gray-6;
}

.nts-btn-outlined {
  @apply min-w-[100px] border border-solid bg-transparent nts-btn-rounded hover:opacity-80;
}
/* 蓝色-边框 */
.nts-btn-primary-outlined-enable {
  @apply nts-btn-outlined text-blue border-blue hover:bg-transparent hover:border-blue-5 hover:text-blue-5 active:text-blue-8 active:border-blue-8 active:bg-transparent;
}
/* 绿色-边框 */
.nts-btn-green-outlined-enable {
  @apply nts-btn-outlined text-green border-green hover:bg-transparent hover:border-green-4 hover:text-green-4 active:text-green-7 active:border-green-7 active:bg-transparent;
}
/* 红色-边框 */
.nts-btn-red-outlined-enable {
  @apply nts-btn-outlined text-red border-red hover:bg-transparent hover:border-red-5 hover:text-red-5 active:text-red-8 active:border-red-8 active:bg-transparent;
}
/* 灰色-边框 */
.nts-btn-gray-outlined-enable {
  @apply nts-btn-outlined text-gray-16 border-derive hover:bg-transparent hover:border-gray-4 hover:text-gray-5 active:text-gray-6 active:border-derive active:bg-transparent;
}
/* 禁用-边框 */
.nts-btn-outlined-disabled {
  @apply nts-btn-outlined nts-btn-disable border text-derive-10 border-derive-10 bg-transparent;
}

.nts-btn-text {
  @apply bg-transparent hover:opacity-80;
}
/* 蓝色-文本 */
.nts-btn-primary-text-enable {
  @apply nts-btn-text text-blue hover:text-blue-5 active:text-blue;
}
/* 绿色-文本 */
.nts-btn-green-text-enable {
  @apply nts-btn-text text-blue hover:text-blue-5 active:text-blue;
}
/* 红色-文本 */
.nts-btn-red-text-enable {
  @apply nts-btn-text text-red hover:text-red-5 active:text-red;
}
/* 灰色-文本 */
.nts-btn-gray-text-enable {
  @apply nts-btn-text text-gray-16 hover:text-gray-5 active:text-gray-6;
}
/* 禁用-实心 */
.nts-btn-text-disabled {
  @apply nts-btn-disable text-derive-10;
}