Cards | sahilxkhadka afraid panther 70

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div class="card w-72 bg-white p-5 shadow-md shadow-purple-200/50 rounded-md">
  <ul class="w-full flex flex-col gap-2">
    <li
      class="flex-center cursor-pointer p-16-semibold w-full whitespace-nowrap"
    >
      <button
        class="p-16-semibold flex size-full gap-4 p-4 group font-semibold rounded-full bg-cover hover:bg-purple-100 hover:shadow-inner focus:bg-gradient-to-r from-purple-400 to-purple-600 focus:text-white text-gray-700 transition-all ease-linear"
      >
        <svg
          stroke="#000000"
          class="icon glyph size-6 group-focus:fill-white group-focus:stroke-white"
          id="dashboard-alt"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 24 24"
          fill="#000000"
        >
          <g stroke-width="0" id="SVGRepo_bgCarrier"></g>
          <g
            stroke-linejoin="round"
            stroke-linecap="round"
            id="SVGRepo_tracerCarrier"
          ></g>
          <g id="SVGRepo_iconCarrier">
            <path d="M14,10V22H4a2,2,0,0,1-2-2V10Z"></path>