Team Member Card with Avatar and Contact Button

<div class="inline-flex gap-3 ring-1 ring-black/10 bg-white/95 rounded-2xl pt-3 pr-3 pb-3 pl-3 shadow-lg backdrop-blur items-center">
              <img src="https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/09f960eb-611f-430b-86b4-1d5a280d6eb8_800w.jpg" alt="Team lead" class="h-12 w-12 rounded-xl object-cover">
              <div class="min-w-0">
                <p class="text-[11px] text-neutral-500 leading-none">Team Lead</p>
                <p class="text-neutral-900 font-medium tracking-tight truncate">Ava Kim</p>
              </div>
              <a href="mailto:hello@solace.dev" class="ml-1 inline-flex items-center gap-2 rounded-xl bg-neutral-900 text-white px-3 py-2 text-xs font-medium hover:bg-neutral-800 transition-colors">
                Ask directly
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="message-circle" class="lucide lucide-message-circle h-3.5 w-3.5"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>
              </a>
            </div>