refactor: css cleanup and style tweaks

src/components/widget/Profile.astro

@@ -9,7 +9,7 @@ const config = profileConfig
 <div class="card-base p-3">
     <a aria-label="Go to About Page" href={url('/about/')}
        class="group block relative mx-auto mt-1 lg:mx-0 lg:mt-0 mb-3
-       max-w-[240px] lg:max-w-none overflow-hidden rounded-xl active:scale-95">
+       max-w-[12rem] lg:max-w-none overflow-hidden rounded-xl active:scale-95">
         <div class="absolute transition pointer-events-none group-hover:bg-black/30 group-active:bg-black/50
         w-full h-full z-50 flex items-center justify-center">
             <Icon name="fa6-regular:address-card"