fix buttion

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)