🎨 Design improvements for downloadSvg & svgCard components

src/components/downloadSvg.svelte

@@ -110,8 +110,8 @@
 
       <div
         class={cn(
-          'flex flex-col space-y-2 mt-4',
-          'md:space-y-0 md:flex-row md:space-x-4 md:items-center md:justify-center'
+          'flex flex-col space-y-2 mt-4 h-full',
+          'md:space-y-0 md:flex-row md:space-x-2 md:items-center md:justify-center'
         )}
       >
         <div class={cardDownloadStyles}>
@@ -193,7 +193,7 @@
             <img
               src={isDarkTheme() ? svgInfo.wordmark.dark : svgInfo.wordmark.light}
               alt={svgInfo.title}
-              class="h-8 my-4"
+              class="h-10 my-4"
             />
             <button
               title="Download Wordmark light variant"

src/components/svgCard.svelte

@@ -7,7 +7,7 @@
   import { MIMETYPE, getSvgContent } from '@/utils/getSvgContent';
 
   // Icons:
-  import { CopyIcon, LinkIcon, ChevronsRight, Baseline } from 'lucide-svelte';
+  import { CopyIcon, LinkIcon, ChevronsRight, Baseline, Sparkles } from 'lucide-svelte';
 
   // Components & styles:
   import CardSpotlight from './cardSpotlight.svelte';
@@ -256,7 +256,11 @@
           }}
           class="flex items-center space-x-2 rounded-md p-2 duration-100 hover:bg-neutral-200 dark:hover:bg-neutral-700/40"
         >
-          <Baseline size={iconSize} strokeWidth={iconStroke} />
+          {#if wordmarkSvg}
+            <Sparkles size={iconSize} strokeWidth={iconStroke} />
+          {:else}
+            <Baseline size={iconSize} strokeWidth={iconStroke} />
+          {/if}
         </button>
       {/if}
     </div>