Intercom

<div class="bg-white border border-[#e9ecef] rounded-xl flex min-w-0 flex-col gap-2 p-3 transition-colors duration-200 hover:bg-[#f8f9fa] shadow-[2px_2px_8px_2px_#00000014] max-md:p-2.5"> <div class="flex flex-col gap-2 justify-between md:flex-row md:gap-2.5"> <div class="flex-1 min-w-0"> <div class="bg-[#00000014] rounded-lg min-h-[86px] min-w-0 w-full"> <div class="bg-[#f7f7f7] rounded-lg flex flex-[1_1_auto] flex-col gap-1.5 min-h-[86px] overflow-visible p-3 relative max-md:p-2.5"> <div class="text-[#222] flex-[1_1_auto] text-xs font-normal hyphens-auto leading-[1.3] min-w-0 break-words">Intercom Solutions: Enhance customer communication & workflows with Dtech Systems. Learn how to use Intercom for support & AI efficiency. Discover more.</div> </div> </div> </div> </div> </div> <div class="bg-white border border-[#e9ecef] rounded-xl flex min-w-0 flex-col gap-2 p-3 transition-colors duration-200 hover:bg-[#f8f9fa] shadow-[2px_2px_8px_2px_#00000014] max-md:p-2.5"> <div class="flex min-w-0 flex-wrap items-center gap-2 md:flex-nowrap md:justify-between md:gap-2.5"> <div class="order-1 min-w-0 shrink-0"> <div class="relative items-center bg-gray-200 rounded-lg cursor-pointer flex gap-1.5 min-w-[76px] p-[4px_8px] opacity-50 cursor-not-allowed!"></div> </div> </div> </div>