Neobrutalism Cards Retro window

<article class="border-2 border-black bg-white shadow-[4px_4px_0_0,8px_8px_0_0]">
      <div class="bg-yellow-300 p-3">
        <div class="flex items-center justify-between">
          <strong class="text-xs/none font-bold uppercase">System Message</strong>

          <div class="flex gap-1">
            <div class="size-3 border-2 border-black bg-white"></div>
            <div class="size-3 border-2 border-black bg-white"></div>
          </div>
        </div>
      </div>

      <div class="border-t-2 border-black p-4 sm:p-6">
        <h3 class="text-lg font-semibold text-black">Retro Window</h3>

        <p class="mt-2 text-sm text-pretty">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam nihil, sit quod quos
          quibusdam quam ducimus dolore necessitatibus delectus perspiciatis.
        </p>
      </div>
    </article>