fix buttion

src/app/intro/intro-client.tsx

@@ -198,9 +198,9 @@ export default function IntroClient() {
             onClose={() => setIsPlayerOpen(false)}
             videoUrl={config?.intro_video_url}
           />
-          <div className="pointer-events-none fixed bottom-0 left-1/2 z-20 w-full sm:max-w-[375px] -translate-x-1/2 bg-transparent">
+          <div className="pointer-events-none fixed bottom-0 left-1/2 z-20 w-full sm:max-w-[375px] -translate-x-1/2 bg-[#F5F5F5]">
             <div
-              style={{ paddingBottom: "calc(16px + var(--safe-bottom))" }}
+              style={{ paddingBottom: "calc(20px + var(--safe-bottom))" }}
               className="pointer-events-auto px-[17px] pt-3"
             >
               <Button

src/app/questions-list/[slug]/question-detail-client.tsx

@@ -540,7 +540,7 @@ export default function QuestionDetailClient({
               />
             </div>
 
-            <FixToTheEnd>
+            <FixToTheEnd className="bg-[#F7F1F0]/95">
               <Button disabled>{continueLabel}</Button>
             </FixToTheEnd>
           </main>

src/components/Componentes/button.tsx

@@ -122,17 +122,11 @@ export function Button({
     "text-center",
     "transition-opacity",
     variant === "outlined"
-      ? isDisabled
-        ? "border border-[#D1D1D6] bg-white text-[#BCBCBC]"
-        : "border border-[#8B8B8B] bg-white text-[#8B8B8B]"
+      ? "border border-[#8B8B8B] bg-transparent text-[#8B8B8B]"
       : variant === "dark"
-        ? 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",
+        ? "border-none bg-[#2B2C31] text-white shadow-none hover:opacity-90"
+        : "bg-linear-to-tl from-[#FE6F82] to-[#E03950] text-white",
+    isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
     className,
   ]
     .filter(Boolean)

src/components/Componentes/fix-to-the-end.tsx

@@ -12,13 +12,13 @@ export function FixToTheEnd({ children, className }: FixToTheEndProps) {
     <div
       style={{ paddingBottom: "calc(16px + var(--safe-bottom))" }}
       className={[
-        "question-fix-to-end pointer-events-none fixed inset-x-0 bottom-0 z-20 mx-auto w-full sm:max-w-[375px] bg-transparent px-[17px] pt-3",
+        "question-fix-to-end fixed inset-x-0 bottom-0 z-20 mx-auto w-full sm:max-w-[375px] bg-[#F5F5F5]/95 px-[17px] pt-3 backdrop-blur-md",
         className,
       ]
         .filter(Boolean)
         .join(" ")}
     >
-      <div className="pointer-events-auto w-full">{children}</div>
+      {children}
     </div>
   );
 }

src/components/Componentes/test-intro-page.tsx

@@ -81,13 +81,11 @@ export default function TestIntroPage({
 
       {/* Start Button */}
       <div
-        className="pointer-events-none sticky bottom-0 bg-transparent px-1 pt-3"
-        style={{ paddingBottom: "calc(16px + var(--safe-bottom))" }}
+        className="sticky bottom-0 bg-[#F7F1F0] px-1 pt-3"
+        style={{ paddingBottom: "calc(24px + var(--safe-bottom))" }}
       >
-        <div className="pointer-events-auto">
         <Button onClick={onStart}>{startLabel}</Button>
       </div>
     </div>
-    </div>
   );
 }