Bob AI: match the style of the buttons and the button type...

Merge version_12 into main

src/app/styles/variables.css

@@ -3,17 +3,17 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #fffafa;;
-  --card: #f0fff0;;
+  --card: #ff0000;;
   --foreground: "Inter", sans-serif;;
-  --primary-cta: #28a745;;
+  --primary-cta: #800080;;
   --secondary-cta: "Inter", sans-serif;;
   --accent: #90ee90;;
   --background-accent: #20b2aa;; */
 
-  --background: #f5fffa;;
-  --card: #f0fff0;;
+  --background: #ffffff;;
+  --card: #ff0000;;
   --foreground: "Inter", sans-serif;;
-  --primary-cta: #28a745;;
+  --primary-cta: #800080;;
   --secondary-cta: "Inter", sans-serif;;
   --accent: #90ee90;;
   --background-accent: #20b2aa;;

src/components/sections/feature/FeatureCardTwentyFive.tsx

@@ -160,6 +160,11 @@ const FeatureCardTwentyFive = ({
                 </div>
               ))}
             </div>
+            <div className="mt-5">
+              <button className={cls("bg-primary text-background px-4 py-2 rounded-theme transition-colors hover:bg-primary-dark", textBoxButtonClassName)}>
+                Take a Look at Dishes
+              </button>
+            </div>
           </div>
         );
       })}