Cards | uctteam rare skunk 4

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div class="grid grid-cols-2 w-[700px] gap-2 max-[500px]:grid-cols-1 px-3">
  <div
    class="group w-full rounded-lg bg-[#673ab7] p-5 transition relative duration-300 cursor-pointer hover:translate-y-[3px] hover:shadow-[0_-8px_0px_0px_#2196f3]"
  >
    <p class="text-white text-2xl">2000</p>
    <p class="text-white text-sm">lorem</p>
    <svg
      xml:space="preserve"
      style="enable-background:new 0 0 512 512"
      viewBox="0 0 512 512"
      y="0"
      x="0"
      height="36"
      width="36"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      class="group-hover:opacity-100 absolute right-[10%] top-[50%] translate-y-[-50%] opacity-20 transition group-hover:scale-110 duration-300"
    >
      <g>
        <path
          class=""
          data-original="#000000"
          opacity="1"