Profile Chip with Avatar and Mail Contact Button

<div class="inline-flex gap-3 ring-1 ring-white/20 bg-white/95 rounded-2xl px-3 py-3 shadow-lg backdrop-blur items-center edit-mode-selected" id="aura-emeqzcs59">
                <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 font-geist uppercase tracking-wider">Team Lead</p>
                  <p class="text-neutral-900 font-semibold tracking-tight truncate font-geist">Ava Kim</p>
                </div>
                <a href="mailto:hello@nomadiq.com" class="ml-1 inline-flex items-center gap-2 rounded-xl bg-neutral-900 text-white px-3 py-2 text-xs font-semibold hover:bg-neutral-800 transition-colors font-geist">
                  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>