index.html

<div class="h-screen bg-[#f1f5f9] flex flex-col items-center justify-center">
  <div class="bg-[#ef4444] h-14 w-64 rounded-lg flex items-center justify-center gap-2 *:h-2">
    <div class="w-24 bg-[#fecaca]"></div>
    <div class="w-8 bg-[#fca5a5]"></div>
  </div>
  <div class="bg-white h-[180px] w-60 flex justify-center items-center rounded-b-lg shadow-lg">
    <div class="border-[2px] border-[#e2e8f0] h-[132px] w-48 flex justify-center items-center">
      <div class="w-[2px] h-full bg-[#e2e8f0] text-[#e2e8f0] shadow-[48px_0,-47px_0]"></div>
      <div class="absolute w-[2px] h-48 bg-[#e2e8f0] text-[#e2e8f0] -mt-[44px] shadow-[44px_0] rotate-90"></div>
      <div
        class="absolute w-3 h-2 bg-[#DC2626] text-[#e2e8f0] -mt-[18px] ml-[30px] shadow-[48px_0,0_44px,0_-43px,48px_-43px,48px_44px,-47px_-43px,-47px_44px,-47px_0,-95px_-43px,-95px_44px,-95px_0]">
      </div>
    </div>
  </div>
</div>