fix(buttons): adjust classes

Author: brandonsaldan

src/components/button.tsx

@@ -18,8 +18,8 @@ const variants = {
   ),
   outline: clsx(
     'relative inline-flex items-center justify-center px-12 py-[calc(theme(spacing.2)-1px)]',
-    'rounded-full border border-transparent bg-gray-400/40 shadow-md hover:bg-white/95 hover:text-gray-950',
-    'whitespace-nowrap text-base font-medium text-white',
+    'rounded-full border border-transparent bg-black shadow-md hover:bg-white/95 hover:text-gray-950 dark:hover:text-white',
+    'whitespace-nowrap text-base font-medium text-white dark:text-black',
     'duration-350 transition ease-in-out data-[disabled]:bg-gray-950 data-[disabled]:opacity-40',
     'isolate z-10',
   ),

src/components/footer.tsx

@@ -18,7 +18,7 @@ function CallToAction() {
       <div className="mt-8">
         <Button
           variant="outline"
-          className="w-full transition-colors duration-500 sm:w-auto dark:bg-zinc-900 dark:hover:bg-zinc-950"
+          className="w-full transition-colors duration-500 sm:w-auto dark:bg-white dark:hover:bg-zinc-950"
           href="/installation"
         >
           Get Started