diff --git a/src/components/Componentes/button.tsx b/src/components/Componentes/button.tsx index f775178..d35f476 100644 --- a/src/components/Componentes/button.tsx +++ b/src/components/Componentes/button.tsx @@ -122,11 +122,17 @@ export function Button({ "text-center", "transition-opacity", variant === "outlined" - ? "border border-[#8B8B8B] bg-transparent text-[#8B8B8B]" + ? isDisabled + ? "border border-[#D1D1D6] bg-white text-[#BCBCBC]" + : "border border-[#8B8B8B] bg-white text-[#8B8B8B]" : variant === "dark" - ? "border-none bg-[#2B2C31] text-white shadow-none hover:opacity-90" - : "bg-linear-to-tl from-[#FE6F82] to-[#E03950] text-white shadow-[0_8px_20px_rgba(224,57,80,0.25)] active:scale-[0.99]", - isDisabled ? "cursor-not-allowed opacity-50 shadow-none" : "cursor-pointer", + ? isDisabled + ? "border-none bg-[#D1D1D6] text-[#8B8B8B] shadow-none" + : "border-none bg-[#2B2C31] text-white shadow-none hover:opacity-90" + : isDisabled + ? "border-none bg-[#D1D1D6] text-[#8B8B8B] shadow-none" + : "bg-linear-to-tl from-[#FE6F82] to-[#E03950] text-white shadow-[0_8px_20px_rgba(224,57,80,0.25)] active:scale-[0.99]", + isDisabled ? "cursor-not-allowed" : "cursor-pointer", className, ] .filter(Boolean)