.btn {
    @apply h-11 !px-5 transition-colors border-none duration-150 !rounded-lg text-sm inline-flex items-center leading-4 font-semibold antialiased whitespace-nowrap cursor-pointer;
    background: initial;
}

.btn > span {
    @apply inline-flex items-center;
}

.btn:hover,
.btn:focus,
.btn:active {
    color: currentColor;
}

.btn[disabled] {
    @apply opacity-50 cursor-not-allowed;
}

.btn .anticon {
    @apply flex items-center justify-center;
}

.btn--block {
    @apply justify-center w-full;
}

.btn--lg {
    @apply h-12 px-5 text-base;
}

.btn--xl {
    @apply h-14 px-8 text-lg;
}

.btn--sm {
    @apply h-6 !px-2 text-xs;
}

.btn--xs {
    @apply h-4 px-1 text-xs;
}

.btn--action {
    @apply h-6 w-6 text-xs items-center justify-center p-0;
}

.btn.btn-mobile-padding {
    @apply !px-[80px] lg:!px-0
}

/* Ant Design specific overrides */
.ant-btn-sm.btn {
    @apply h-6 p-0 w-6 text-center justify-center;
}

.ant-btn-lg.btn {
    @apply h-10 px-4;
}

.btn--red {
    @apply !text-red-100 !bg-red-600 hover:!bg-red-700 hover:!text-red-100;
}

.btn--green {
    @apply !text-green-100 !bg-green-600 hover:!bg-green-700 hover:!text-green-100;
}

.btn--blue {
    @apply !text-white !bg-[#1B8EF2] hover:!bg-[#1B8EF2]/90 hover:!text-white;
}

.btn--gray {
    @apply !text-gray-100 !bg-gray-500 hover:!bg-gray-600 hover:!text-gray-100;
}

.btn--grayLight {
    @apply !text-gray-600 !bg-gray-100 hover:!bg-gray-200 hover:!text-gray-600;
}

.btn--pink {
    @apply !text-pink-100 !bg-pink-500 hover:!bg-pink-600 hover:!text-pink-100;
}

.btn--purple {
    @apply !text-purple-100 !bg-purple-500 hover:!bg-purple-600 hover:!text-purple-100;
}

.btn--indigo {
    @apply !text-indigo-100 !bg-indigo-500 hover:!bg-indigo-600 hover:!text-indigo-100;
}

.btn--slate {
    @apply !text-slate-100 !bg-slate-500 hover:!bg-slate-600 hover:!text-slate-100;
}

.btn--zinc {
    @apply !text-zinc-100 !bg-zinc-500 hover:!bg-zinc-600 hover:!text-zinc-100;
}

.btn--orange {
    @apply !text-orange-100 !bg-orange-500 hover:!bg-orange-600 hover:!text-orange-100;
}

.btn--amber {
    @apply !text-amber-100 !bg-amber-500 hover:!bg-amber-600 hover:!text-amber-100;
}

.btn--yellow {
    @apply !text-black !bg-[#FFC635] hover:!bg-[#FFC635]/90;
}

.btn--lime {
    @apply !text-lime-100 !bg-lime-500 hover:!bg-lime-600 hover:!text-lime-100;
}

.btn--sky {
    @apply !text-sky-100 !bg-sky-500 hover:!bg-sky-600 hover:!text-sky-100;
}

.btn--white {
    @apply !text-gray-800 !bg-white hover:!bg-gray-200 hover:!text-gray-800;
}

.btn--link {
    @apply !text-[#1B8EF2] !bg-transparent !shadow-none;
}

.btn--primary {
    @apply !text-white !bg-primary hover:!text-white hover:!bg-primary/90;
    @apply dark:!bg-primary dark:!text-white dark:hover:!bg-primary;
}

.btn--secondary {
    @apply !text-black !bg-secondary hover:!text-white hover:!bg-secondary/90;
}

.btn--secondaryLight {
    @apply !text-black !bg-secondaryLight hover:!bg-secondaryLight/80;
}

.btn--red-outline {
    @apply !text-red-600 border border-red-600 hover:!bg-red-700 hover:!text-red-100;
}

.btn--green-outline {
    @apply !text-green-600 border border-green-600 hover:!bg-green-700 hover:!text-green-100;
}

.btn--blue-outline {
    @apply !text-blue-600 border border-blue-600 hover:!bg-blue-700 hover:!text-blue-100;
}

.btn--gray-outline {
    @apply !text-gray-600 !border !border-solid !border-gray-500 hover:!bg-gray-600 hover:!text-gray-100;
}

.btn--pink-outline {
    @apply !text-pink-600 border border-pink-500 hover:!bg-pink-600 hover:!text-pink-100;
}

.btn--purple-outline {
    @apply !text-purple-600 border border-purple-500 hover:!bg-purple-600 hover:!text-purple-100;
}

.btn--indigo-outline {
    @apply !text-indigo-600 border border-indigo-500 hover:!bg-indigo-600 hover:!text-indigo-100;
    @apply dark:border-indigo-200 dark:!text-indigo-200 dark:hover:!bg-indigo-600 dark:hover:!text-indigo-100 dark:hover:border-indigo-500;
}

.btn--slate-outline {
    @apply !text-slate-600 border border-slate-500 hover:!bg-slate-600 hover:!text-slate-100;
}

.btn--zinc-outline {
    @apply !text-zinc-600 border border-zinc-500 hover:!bg-zinc-600 hover:!text-zinc-100;
}

.btn--orange-outline {
    @apply !text-orange-600 border border-orange-500 hover:!bg-orange-600 hover:!text-orange-100;
}

.btn--amber-outline {
    @apply !text-amber-600 border border-amber-500 hover:!bg-amber-600 hover:!text-amber-100;
}

.btn--yellow-outline {
    @apply !text-black border border-[#FFC635] hover:!bg-[#FFC635] hover:!text-black;
}

.btn--lime-outline {
    @apply !text-lime-600 border border-lime-500 hover:!bg-lime-600 hover:!text-lime-100;
}

.btn--sky-outline {
    @apply !text-sky-600 border border-sky-500 hover:!bg-sky-600 hover:!text-sky-100;
}

.btn--white-outline {
    @apply !text-white !border !border-solid border-white hover:!bg-white hover:!text-primary;
}

.btn--primary-outline {
    @apply !text-primary !border !border-solid !border-primary hover:!bg-primary hover:!text-white;
}