fix: add semi-transparent white background to buttons for better visibility

src/components/Button.tsx

@@ -5,7 +5,7 @@ const baseStyles = {
   solid:
     'inline-flex justify-center rounded-full py-2 px-5 text-base font-semibold transition-colors',
   outline:
-    'inline-flex justify-center bg-white hover:bg-[#fafafa] rounded-full border py-[calc(--spacing(2)-1px)] px-[calc(--spacing(5)-1px)] text-base transition-colors',
+    'inline-flex justify-center bg-white/90 hover:bg-[#fafafa] rounded-full border py-[calc(--spacing(2)-1px)] px-[calc(--spacing(5)-1px)] text-base transition-colors',
 }
 
 const variantStyles = {

src/pages/home/HomeGlobeNew.tsx

@@ -20,7 +20,7 @@ export function HomeGlobeNew() {
             Project Mycelium enables anyone to deploy their own Internet infrastructure, anywhere.
           </p>
 
-          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50">
+          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 bg-white/90 hover:bg-gray-50">
             Explore Dashboard
           </button>
         </div>

src/pages/home/HomeProductsA.tsx

@@ -13,7 +13,7 @@ export function HomeProductsA() {
           <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
             Deploy K8s clusters on sovereign infrastructure.
           </p>
-          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50">
+          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90bg-white/90 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
             Learn more
           </button>
         </div>
@@ -26,7 +26,7 @@ export function HomeProductsA() {
           <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
             Encrypted peer-to-peer mesh networking across the globe.
           </p>
-          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50">
+          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
             Learn more
           </button>
         </div>
@@ -39,7 +39,7 @@ export function HomeProductsA() {
           <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
             Programmable AI systems that run on your hardware.
           </p>
-          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50">
+          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
             Learn more
           </button>
         </div>
@@ -52,7 +52,7 @@ export function HomeProductsA() {
           <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
             The 3 powerful resource layers powering the stack.
           </p>
-          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50">
+          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
             Learn more
           </button>
         </div>