style: add hover scale effect and improve download buttons layout

src/components/AndroidLink.tsx

@@ -11,7 +11,7 @@ export function AndroidLink({
       href="#"
       aria-label="Download for Android"
       className={clsx(
-        'flex items-center rounded-lg transition-colors px-4 py-2',
+        'flex items-center rounded-lg px-4 py-2 transition-all hover:scale-105',
         color === 'black'
           ? 'bg-gray-800 text-white hover:bg-gray-900'
           : 'bg-white text-gray-900 hover:bg-gray-50',

src/components/AppStoreLink.tsx

@@ -11,7 +11,7 @@ export function AppStoreLink({
       href="https://apps.apple.com/us/app/mycelium-network/id6504277565"
       aria-label="Download on the App Store"
       className={clsx(
-        'rounded-lg transition-colors',
+        'rounded-lg transition-all hover:scale-105',
         color === 'black'
           ? 'bg-gray-800 text-white hover:bg-gray-900'
           : 'bg-white text-gray-900 hover:bg-gray-50',

src/components/CallToAction.tsx

@@ -22,7 +22,7 @@ export function CallToAction() {
           <p className="mt-6 text-lg text-gray-300">
             Download the Mycelium app and step into the future of secure, peer-to-peer networking; fast, private, and decentralized.
           </p>
-          <div className="mt-8 grid grid-cols-2 justify-items-center gap-4 sm:flex sm:justify-center">
+          <div className="mt-10 flex flex-wrap justify-center gap-x-6 gap-y-4">
             <AppStoreLink color="white" />
             <WindowsLink color="white" />
             <AndroidLink color="white" />

src/components/LinuxLink.tsx

@@ -11,7 +11,7 @@ export function LinuxLink({
       href="https://github.com/threefoldtech/mycelium/releases"
       aria-label="Download for Linux"
       className={clsx(
-        'flex items-center rounded-lg transition-colors px-4 py-2',
+        'flex items-center rounded-lg px-4 py-2 transition-all hover:scale-105',
         color === 'black'
           ? 'bg-gray-800 text-white hover:bg-gray-900'
           : 'bg-white text-gray-900 hover:bg-gray-50',

src/components/WindowsLink.tsx

@@ -11,7 +11,7 @@ export function WindowsLink({
       href="https://github.com/threefoldtech/myceliumflut/releases"
       aria-label="Download for Windows"
       className={clsx(
-        'flex items-center rounded-lg transition-colors px-4 py-2',
+        'flex items-center rounded-lg px-4 py-2 transition-all hover:scale-105',
         color === 'black'
           ? 'bg-gray-800 text-white hover:bg-gray-900'
           : 'bg-white text-gray-900 hover:bg-gray-50',