From cd52fdaa3f814fc52e618ba14eee1b4af06aa014 Mon Sep 17 00:00:00 2001
From: mortezaei <mortezaei2324@gmail.com>
Date: Wed, 26 Aug 2026 11:19:57 +0330
Subject: [PATCH] fix buttion

---
 src/app/intro/intro-client.tsx                           | 4 ++--
 src/app/questions-list/[slug]/question-detail-client.tsx | 2 +-
 src/components/Componentes/button.tsx                    | 4 ++--
 src/components/Componentes/fix-to-the-end.tsx            | 4 ++--
 src/components/Componentes/test-intro-page.tsx           | 8 +++++---
 5 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/app/intro/intro-client.tsx b/src/app/intro/intro-client.tsx
index a2dc838..6370466 100644
--- a/src/app/intro/intro-client.tsx
+++ b/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-[#F5F5F5]">
+          <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
-              style={{ paddingBottom: "calc(20px + var(--safe-bottom))" }}
+              style={{ paddingBottom: "calc(16px + var(--safe-bottom))" }}
               className="pointer-events-auto px-[17px] pt-3"
             >
               <Button
diff --git a/src/app/questions-list/[slug]/question-detail-client.tsx b/src/app/questions-list/[slug]/question-detail-client.tsx
index 0283ecd..f4aff5e 100644
--- a/src/app/questions-list/[slug]/question-detail-client.tsx
+++ b/src/app/questions-list/[slug]/question-detail-client.tsx
@@ -540,7 +540,7 @@ export default function QuestionDetailClient({
               />
             </div>
 
-            <FixToTheEnd className="bg-[#F7F1F0]/95">
+            <FixToTheEnd>
               <Button disabled>{continueLabel}</Button>
             </FixToTheEnd>
           </main>
diff --git a/src/components/Componentes/button.tsx b/src/components/Componentes/button.tsx
index 5c013dc..f775178 100644
--- a/src/components/Componentes/button.tsx
+++ b/src/components/Componentes/button.tsx
@@ -125,8 +125,8 @@ export function Button({
       ? "border border-[#8B8B8B] bg-transparent 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",
-    isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+        : "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",
     className,
   ]
     .filter(Boolean)
diff --git a/src/components/Componentes/fix-to-the-end.tsx b/src/components/Componentes/fix-to-the-end.tsx
index 86ec978..ae40bda 100644
--- a/src/components/Componentes/fix-to-the-end.tsx
+++ b/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 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",
+        "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",
         className,
       ]
         .filter(Boolean)
         .join(" ")}
     >
-      {children}
+      <div className="pointer-events-auto w-full">{children}</div>
     </div>
   );
 }
diff --git a/src/components/Componentes/test-intro-page.tsx b/src/components/Componentes/test-intro-page.tsx
index 656cfe1..eaafde1 100644
--- a/src/components/Componentes/test-intro-page.tsx
+++ b/src/components/Componentes/test-intro-page.tsx
@@ -81,10 +81,12 @@ export default function TestIntroPage({
 
       {/* Start Button */}
       <div
-        className="sticky bottom-0 bg-[#F7F1F0] px-1 pt-3"
-        style={{ paddingBottom: "calc(24px + var(--safe-bottom))" }}
+        className="pointer-events-none sticky bottom-0 bg-transparent px-1 pt-3"
+        style={{ paddingBottom: "calc(16px + var(--safe-bottom))" }}
       >
-        <Button onClick={onStart}>{startLabel}</Button>
+        <div className="pointer-events-auto">
+          <Button onClick={onStart}>{startLabel}</Button>
+        </div>
       </div>
     </div>
   );