<turbo-stream action="append" target="top_cursor_packs_list"><template>
    <li class="col-span-full"><div class="my-5" data-controller="house-fallback"
     data-action="adsense:blocked@document->house-fallback#swapToHouseAd">
    <ins class="adsbygoogle"
         style="display:block"
         data-controller="adsense"
         data-house-fallback-target="unit"
         data-ad-client="ca-pub-7538024863465087"
         data-ad-slot="2250242906"
         data-ad-format="auto"
         data-full-width-responsive="true"></ins>

  <template data-house-fallback-target="pool">
      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Every Tab Level" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/859e10--bro-mon-every-tab-level--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Bro Let&#39;s Study" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e02b99--bro-mon-bro-let-s-study--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/emoji-combos-text-symbols/ahbhmoigkkdbhpjaafejhneoeojnhceg">
        <img alt="[Emoji Combos] Funny Emoji Face" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/f5dbde--emoji-combos-funny-emoji-face--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://www.youtube.com/channel/UCsRrp_0RTTA7V8gZVMinDpQ">
        <img alt="[YT Chanel] Watch Us" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e4c125--yt-chanel-watch-us--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Catch Monsters" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1b2f09--bro-mon-catch-monsters--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Stickers" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/798efe--bro-shop-stickers--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-progress-ba/bnjlijllccbbjdeiflmakhkijbdddflj">
        <img alt="[YPB] Bongo Cat Vibe" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/2167c5--ypb-bongo-cat-vibe--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Tees" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1a210a--bro-shop-tees--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-doodle-for/jeiahlnhacbbdkaniaednfjpaemaghol">
        <img alt="[CD] Nyan Cat Customize" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/d20099--cd-nyan-cat-customize--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://wallpapers-clan.com/desktop-wallpapers/">
        <img alt="[W-Clan] Anya Desk Walls" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/aee5d8--w-clan-anya-desk-walls--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/make-it-rain-emoji-confet/boecibpkgeiidobghefcdclcmleeoahd">
        <img alt="[Make it Rain] Emoji Girl" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/17e967--make-it-rain-emoji-girl--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/web-tones-%E2%80%93-cinematic-col/idcmebilpnnnlefdnhakmdbhpmloneea">
        <img alt="[Web Tones] Hi I am Web Tones" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/78e959--web-tones-hi-i-am-web-tones--adaptive.gif" />
</a>  </template>
</div>
</li>
  

  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:40156,&quot;name&quot;:&quot;New York Aesthetic Fire Hydrant \u0026 Taxi Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9f3d3152-4c6a-41b4-bb36-4185bc7f076a/new-york-aesthetic-fire-hydrant-taxi-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9f3d3152-4c6a-41b4-bb36-4185bc7f076a/new-york-aesthetic-fire-hydrant-taxi-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;alternate&quot;,&quot;animationSpeed&quot;:600,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/9f3d3152-4c6a-41b4-bb36-4185bc7f076a/frames/new-york-aesthetic-fire-hydrant-taxi-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/9f3d3152-4c6a-41b4-bb36-4185bc7f076a/frames/new-york-aesthetic-fire-hydrant-taxi-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/9f3d3152-4c6a-41b4-bb36-4185bc7f076a/frames/new-york-aesthetic-fire-hydrant-taxi-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/9f3d3152-4c6a-41b4-bb36-4185bc7f076a/frames/new-york-aesthetic-fire-hydrant-taxi-animated--frame--3.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9f3d3152-4c6a-41b4-bb36-4185bc7f076a/new-york-aesthetic-fire-hydrant-taxi-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9f3d3152-4c6a-41b4-bb36-4185bc7f076a/new-york-aesthetic-fire-hydrant-taxi-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:24,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:600}}"
  data-cursor-pack-events-url="/cursor/new-york-aesthetic-fire-hydrant-taxi-animated/events/"
>
  <a class="block" href="/cursor/new-york-aesthetic-fire-hydrant-taxi-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="New York Aesthetic Fire Hydrant &amp; Taxi Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/9f3d3152-4c6a-41b4-bb36-4185bc7f076a/new-york-aesthetic-fire-hydrant-taxi-animated--poster--4dda43.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/new-york-aesthetic-fire-hydrant-taxi-animated/">New York Aesthetic Fire Hydrant &amp; Taxi Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:37763,&quot;name&quot;:&quot;Love is… Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/90c56703-6fae-4235-bfa2-b45be4fc80ff/love-is-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/90c56703-6fae-4235-bfa2-b45be4fc80ff/love-is-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:18,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:450,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/90c56703-6fae-4235-bfa2-b45be4fc80ff/frames/love-is-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/90c56703-6fae-4235-bfa2-b45be4fc80ff/frames/love-is-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/90c56703-6fae-4235-bfa2-b45be4fc80ff/love-is-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/90c56703-6fae-4235-bfa2-b45be4fc80ff/love-is-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:32,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:450}}"
  data-cursor-pack-events-url="/cursor/love-is-animated/events/"
>
  <a class="block" href="/cursor/love-is-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Love is… Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/90c56703-6fae-4235-bfa2-b45be4fc80ff/love-is-animated--poster--e2fa1c.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/love-is-animated/">Love is… Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:31784,&quot;name&quot;:&quot;Marshmallow \u0026 Fire Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dcb6e300-02ff-46fa-83dc-c2253ede5083/marshmallow-fire-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dcb6e300-02ff-46fa-83dc-c2253ede5083/marshmallow-fire-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:4,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:600,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/dcb6e300-02ff-46fa-83dc-c2253ede5083/frames/marshmallow-fire-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/dcb6e300-02ff-46fa-83dc-c2253ede5083/frames/marshmallow-fire-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/dcb6e300-02ff-46fa-83dc-c2253ede5083/frames/marshmallow-fire-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/dcb6e300-02ff-46fa-83dc-c2253ede5083/frames/marshmallow-fire-animated--frame--3.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dcb6e300-02ff-46fa-83dc-c2253ede5083/marshmallow-fire-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dcb6e300-02ff-46fa-83dc-c2253ede5083/marshmallow-fire-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:600}}"
  data-cursor-pack-events-url="/cursor/marshmallow-fire-animated/events/"
>
  <a class="block" href="/cursor/marshmallow-fire-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Marshmallow &amp; Fire Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/dcb6e300-02ff-46fa-83dc-c2253ede5083/marshmallow-fire-animated--poster--b088fe.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/marshmallow-fire-animated/">Marshmallow &amp; Fire Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:28922,&quot;name&quot;:&quot;London Big Ben \u0026 Red Bus Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/47637680-cd46-4be1-9a44-aa35a644f254/london-big-ben-red-bus--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/47637680-cd46-4be1-9a44-aa35a644f254/london-big-ben-red-bus--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/47637680-cd46-4be1-9a44-aa35a644f254/london-big-ben-red-bus--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/47637680-cd46-4be1-9a44-aa35a644f254/london-big-ben-red-bus--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:30,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/london-big-ben-red-bus/events/"
>
  <a class="block" href="/cursor/london-big-ben-red-bus/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="London Big Ben &amp; Red Bus Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/47637680-cd46-4be1-9a44-aa35a644f254/london-big-ben-red-bus--poster--99ede9.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/london-big-ben-red-bus/">London Big Ben &amp; Red Bus Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:94133,&quot;name&quot;:&quot;Non Binary Furry Paw Arrow Pride Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/376142c1-d844-4cd9-b496-30311fb6970d/non-binary-furry-paw-arrow-pride--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/376142c1-d844-4cd9-b496-30311fb6970d/non-binary-furry-paw-arrow-pride--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/376142c1-d844-4cd9-b496-30311fb6970d/non-binary-furry-paw-arrow-pride--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/376142c1-d844-4cd9-b496-30311fb6970d/non-binary-furry-paw-arrow-pride--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/non-binary-furry-paw-arrow-pride/events/"
>
  <a class="block" href="/cursor/non-binary-furry-paw-arrow-pride/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Non Binary Furry Paw Arrow Pride Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/376142c1-d844-4cd9-b496-30311fb6970d/non-binary-furry-paw-arrow-pride--poster--87b0bd.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/non-binary-furry-paw-arrow-pride/">Non Binary Furry Paw Arrow Pride Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:89187,&quot;name&quot;:&quot;Rainbow Pride Corgi Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a885d1d1-e560-47c0-89c5-9f260ecd31fa/rainbow-pride-corgi--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a885d1d1-e560-47c0-89c5-9f260ecd31fa/rainbow-pride-corgi--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a885d1d1-e560-47c0-89c5-9f260ecd31fa/rainbow-pride-corgi--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a885d1d1-e560-47c0-89c5-9f260ecd31fa/rainbow-pride-corgi--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/rainbow-pride-corgi/events/"
>
  <a class="block" href="/cursor/rainbow-pride-corgi/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Rainbow Pride Corgi Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/a885d1d1-e560-47c0-89c5-9f260ecd31fa/rainbow-pride-corgi--poster--1c3701.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/rainbow-pride-corgi/">Rainbow Pride Corgi Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:83476,&quot;name&quot;:&quot;Vans Checkerboard Slip-On Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/2d15e171-cfd4-4887-866e-47009967b8e0/vans-checkerboard-slip-on-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/2d15e171-cfd4-4887-866e-47009967b8e0/vans-checkerboard-slip-on-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:12,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:3600,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/2d15e171-cfd4-4887-866e-47009967b8e0/frames/vans-checkerboard-slip-on-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/2d15e171-cfd4-4887-866e-47009967b8e0/frames/vans-checkerboard-slip-on-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/2d15e171-cfd4-4887-866e-47009967b8e0/vans-checkerboard-slip-on-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/2d15e171-cfd4-4887-866e-47009967b8e0/vans-checkerboard-slip-on-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:4},&quot;animationSpeed&quot;:3600}}"
  data-cursor-pack-events-url="/cursor/vans-checkerboard-slip-on-animated/events/"
>
  <a class="block" href="/cursor/vans-checkerboard-slip-on-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Vans Checkerboard Slip-On Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/2d15e171-cfd4-4887-866e-47009967b8e0/vans-checkerboard-slip-on-animated--poster--672a53.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/vans-checkerboard-slip-on-animated/">Vans Checkerboard Slip-On Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:82066,&quot;name&quot;:&quot;School Pencil \u0026 Purple Notebook Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7435bd50-263b-4a6d-bd97-38cd0c427765/school-pencil-purple-notebook--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7435bd50-263b-4a6d-bd97-38cd0c427765/school-pencil-purple-notebook--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7435bd50-263b-4a6d-bd97-38cd0c427765/school-pencil-purple-notebook--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7435bd50-263b-4a6d-bd97-38cd0c427765/school-pencil-purple-notebook--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/school-pencil-purple-notebook/events/"
>
  <a class="block" href="/cursor/school-pencil-purple-notebook/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="School Pencil &amp; Purple Notebook Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/7435bd50-263b-4a6d-bd97-38cd0c427765/school-pencil-purple-notebook--poster--592bfb.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/school-pencil-purple-notebook/">School Pencil &amp; Purple Notebook Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:79684,&quot;name&quot;:&quot;Black Cream Low Top Nike Sneakers Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d2cde17e-786f-4dd1-93f5-32fc050ccb85/black-cream-low-top-nike-sneakers--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d2cde17e-786f-4dd1-93f5-32fc050ccb85/black-cream-low-top-nike-sneakers--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:6},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d2cde17e-786f-4dd1-93f5-32fc050ccb85/black-cream-low-top-nike-sneakers--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d2cde17e-786f-4dd1-93f5-32fc050ccb85/black-cream-low-top-nike-sneakers--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:14,&quot;offsetY&quot;:10}}}"
  data-cursor-pack-events-url="/cursor/black-cream-low-top-nike-sneakers/events/"
>
  <a class="block" href="/cursor/black-cream-low-top-nike-sneakers/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Black Cream Low Top Nike Sneakers Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/d2cde17e-786f-4dd1-93f5-32fc050ccb85/black-cream-low-top-nike-sneakers--poster--0dddcd.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/black-cream-low-top-nike-sneakers/">Black Cream Low Top Nike Sneakers Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:77648,&quot;name&quot;:&quot;Palace Skateboard Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a0c7e629-915c-44dc-94d1-6035af56e9bb/palace-skateboard-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a0c7e629-915c-44dc-94d1-6035af56e9bb/palace-skateboard-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:4,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:900,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/a0c7e629-915c-44dc-94d1-6035af56e9bb/frames/palace-skateboard-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/a0c7e629-915c-44dc-94d1-6035af56e9bb/frames/palace-skateboard-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a0c7e629-915c-44dc-94d1-6035af56e9bb/palace-skateboard-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/a0c7e629-915c-44dc-94d1-6035af56e9bb/palace-skateboard-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:900}}"
  data-cursor-pack-events-url="/cursor/palace-skateboard-animated/events/"
>
  <a class="block" href="/cursor/palace-skateboard-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Palace Skateboard Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/a0c7e629-915c-44dc-94d1-6035af56e9bb/palace-skateboard-animated--poster--3685a6.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/palace-skateboard-animated/">Palace Skateboard Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:75048,&quot;name&quot;:&quot;Back to School Owl \u0026 Books Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8c21e822-e087-4cbd-9bc9-fd9ff18774df/back-to-school-owl-books--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8c21e822-e087-4cbd-9bc9-fd9ff18774df/back-to-school-owl-books--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8c21e822-e087-4cbd-9bc9-fd9ff18774df/back-to-school-owl-books--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8c21e822-e087-4cbd-9bc9-fd9ff18774df/back-to-school-owl-books--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:12,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/back-to-school-owl-books/events/"
>
  <a class="block" href="/cursor/back-to-school-owl-books/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Back to School Owl &amp; Books Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/8c21e822-e087-4cbd-9bc9-fd9ff18774df/back-to-school-owl-books--poster--781615.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/back-to-school-owl-books/">Back to School Owl &amp; Books Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:74832,&quot;name&quot;:&quot;Paul Frank Mika the Cat Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ff219041-0137-4701-b965-4e7270f70e7a/paul-frank-mika-the-cat-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ff219041-0137-4701-b965-4e7270f70e7a/paul-frank-mika-the-cat-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:14,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:800,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/ff219041-0137-4701-b965-4e7270f70e7a/frames/paul-frank-mika-the-cat-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/ff219041-0137-4701-b965-4e7270f70e7a/frames/paul-frank-mika-the-cat-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ff219041-0137-4701-b965-4e7270f70e7a/paul-frank-mika-the-cat-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ff219041-0137-4701-b965-4e7270f70e7a/paul-frank-mika-the-cat-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:14},&quot;animationSpeed&quot;:800}}"
  data-cursor-pack-events-url="/cursor/paul-frank-mika-the-cat-animated/events/"
>
  <a class="block" href="/cursor/paul-frank-mika-the-cat-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Paul Frank Mika the Cat Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/ff219041-0137-4701-b965-4e7270f70e7a/paul-frank-mika-the-cat-animated--poster--f95572.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/paul-frank-mika-the-cat-animated/">Paul Frank Mika the Cat Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
    <li class="col-span-full"><div class="my-5" data-controller="house-fallback"
     data-action="adsense:blocked@document->house-fallback#swapToHouseAd">
    <ins class="adsbygoogle"
         style="display:block"
         data-controller="adsense"
         data-house-fallback-target="unit"
         data-ad-client="ca-pub-7538024863465087"
         data-ad-slot="2250242906"
         data-ad-format="auto"
         data-full-width-responsive="true"></ins>

  <template data-house-fallback-target="pool">
      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Every Tab Level" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/859e10--bro-mon-every-tab-level--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Bro Let&#39;s Study" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e02b99--bro-mon-bro-let-s-study--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/emoji-combos-text-symbols/ahbhmoigkkdbhpjaafejhneoeojnhceg">
        <img alt="[Emoji Combos] Funny Emoji Face" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/f5dbde--emoji-combos-funny-emoji-face--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://www.youtube.com/channel/UCsRrp_0RTTA7V8gZVMinDpQ">
        <img alt="[YT Chanel] Watch Us" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e4c125--yt-chanel-watch-us--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Catch Monsters" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1b2f09--bro-mon-catch-monsters--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Stickers" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/798efe--bro-shop-stickers--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-progress-ba/bnjlijllccbbjdeiflmakhkijbdddflj">
        <img alt="[YPB] Bongo Cat Vibe" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/2167c5--ypb-bongo-cat-vibe--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Tees" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1a210a--bro-shop-tees--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-doodle-for/jeiahlnhacbbdkaniaednfjpaemaghol">
        <img alt="[CD] Nyan Cat Customize" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/d20099--cd-nyan-cat-customize--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://wallpapers-clan.com/desktop-wallpapers/">
        <img alt="[W-Clan] Anya Desk Walls" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/aee5d8--w-clan-anya-desk-walls--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/make-it-rain-emoji-confet/boecibpkgeiidobghefcdclcmleeoahd">
        <img alt="[Make it Rain] Emoji Girl" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/17e967--make-it-rain-emoji-girl--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/web-tones-%E2%80%93-cinematic-col/idcmebilpnnnlefdnhakmdbhpmloneea">
        <img alt="[Web Tones] Hi I am Web Tones" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/78e959--web-tones-hi-i-am-web-tones--adaptive.gif" />
</a>  </template>
</div>
</li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:74233,&quot;name&quot;:&quot;Louis Vuitton Golf Club \u0026 Ball Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/762ba215-cd9d-4498-bfcf-775e8328ed57/louis-vuitton-golf-club-ball--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/762ba215-cd9d-4498-bfcf-775e8328ed57/louis-vuitton-golf-club-ball--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:6},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/762ba215-cd9d-4498-bfcf-775e8328ed57/louis-vuitton-golf-club-ball--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/762ba215-cd9d-4498-bfcf-775e8328ed57/louis-vuitton-golf-club-ball--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:20,&quot;offsetY&quot;:20}}}"
  data-cursor-pack-events-url="/cursor/louis-vuitton-golf-club-ball/events/"
>
  <a class="block" href="/cursor/louis-vuitton-golf-club-ball/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Louis Vuitton Golf Club &amp; Ball Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/762ba215-cd9d-4498-bfcf-775e8328ed57/louis-vuitton-golf-club-ball--poster--726e59.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/louis-vuitton-golf-club-ball/">Louis Vuitton Golf Club &amp; Ball Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:71631,&quot;name&quot;:&quot;Run DMC x Adidas Superstar Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8ccee532-1325-4efa-92e1-be1c4e8090a2/run-dmc-x-adidas-superstar-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8ccee532-1325-4efa-92e1-be1c4e8090a2/run-dmc-x-adidas-superstar-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:4,&quot;animationDirection&quot;:&quot;alternate&quot;,&quot;animationSpeed&quot;:1200,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/8ccee532-1325-4efa-92e1-be1c4e8090a2/frames/run-dmc-x-adidas-superstar-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/8ccee532-1325-4efa-92e1-be1c4e8090a2/frames/run-dmc-x-adidas-superstar-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/8ccee532-1325-4efa-92e1-be1c4e8090a2/frames/run-dmc-x-adidas-superstar-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/8ccee532-1325-4efa-92e1-be1c4e8090a2/frames/run-dmc-x-adidas-superstar-animated--frame--3.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8ccee532-1325-4efa-92e1-be1c4e8090a2/run-dmc-x-adidas-superstar-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8ccee532-1325-4efa-92e1-be1c4e8090a2/run-dmc-x-adidas-superstar-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:1200}}"
  data-cursor-pack-events-url="/cursor/run-dmc-x-adidas-superstar-animated/events/"
>
  <a class="block" href="/cursor/run-dmc-x-adidas-superstar-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Run DMC x Adidas Superstar Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/8ccee532-1325-4efa-92e1-be1c4e8090a2/run-dmc-x-adidas-superstar-animated--poster--496a80.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/run-dmc-x-adidas-superstar-animated/">Run DMC x Adidas Superstar Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:69848,&quot;name&quot;:&quot;Leaning Tower of Pisa \u0026 Italian Scooter Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/beb1f544-fc89-450c-ac8d-f3e68438452a/leaning-tower-of-pisa-italian-scooter--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/beb1f544-fc89-450c-ac8d-f3e68438452a/leaning-tower-of-pisa-italian-scooter--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:8},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/beb1f544-fc89-450c-ac8d-f3e68438452a/leaning-tower-of-pisa-italian-scooter--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/beb1f544-fc89-450c-ac8d-f3e68438452a/leaning-tower-of-pisa-italian-scooter--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:16,&quot;offsetY&quot;:10}}}"
  data-cursor-pack-events-url="/cursor/leaning-tower-of-pisa-italian-scooter/events/"
>
  <a class="block" href="/cursor/leaning-tower-of-pisa-italian-scooter/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Leaning Tower of Pisa &amp; Italian Scooter Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/beb1f544-fc89-450c-ac8d-f3e68438452a/leaning-tower-of-pisa-italian-scooter--poster--4179ba.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/leaning-tower-of-pisa-italian-scooter/">Leaning Tower of Pisa &amp; Italian Scooter Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:68770,&quot;name&quot;:&quot;Stunning Nike Air Max 90 Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b8116e24-977d-4c78-93f6-b8864cf70b7b/stunning-nike-air-max-90--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b8116e24-977d-4c78-93f6-b8864cf70b7b/stunning-nike-air-max-90--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:6},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b8116e24-977d-4c78-93f6-b8864cf70b7b/stunning-nike-air-max-90--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b8116e24-977d-4c78-93f6-b8864cf70b7b/stunning-nike-air-max-90--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:4}}}"
  data-cursor-pack-events-url="/cursor/stunning-nike-air-max-90/events/"
>
  <a class="block" href="/cursor/stunning-nike-air-max-90/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Stunning Nike Air Max 90 Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/b8116e24-977d-4c78-93f6-b8864cf70b7b/stunning-nike-air-max-90--poster--7bf0de.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/stunning-nike-air-max-90/">Stunning Nike Air Max 90 Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:66642,&quot;name&quot;:&quot;Nyatasha Nyanners \u0026 Goro Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd6e9110-c3d3-404c-8a4d-7db14e0d4096/nyatasha-nyanners-goro-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd6e9110-c3d3-404c-8a4d-7db14e0d4096/nyatasha-nyanners-goro-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:22,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:800,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd6e9110-c3d3-404c-8a4d-7db14e0d4096/frames/nyatasha-nyanners-goro-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd6e9110-c3d3-404c-8a4d-7db14e0d4096/frames/nyatasha-nyanners-goro-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd6e9110-c3d3-404c-8a4d-7db14e0d4096/frames/nyatasha-nyanners-goro-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd6e9110-c3d3-404c-8a4d-7db14e0d4096/frames/nyatasha-nyanners-goro-animated--frame--3.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd6e9110-c3d3-404c-8a4d-7db14e0d4096/nyatasha-nyanners-goro-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/dd6e9110-c3d3-404c-8a4d-7db14e0d4096/nyatasha-nyanners-goro-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:30},&quot;animationSpeed&quot;:800}}"
  data-cursor-pack-events-url="/cursor/nyatasha-nyanners-goro-animated/events/"
>
  <a class="block" href="/cursor/nyatasha-nyanners-goro-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Nyatasha Nyanners &amp; Goro Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/dd6e9110-c3d3-404c-8a4d-7db14e0d4096/nyatasha-nyanners-goro-animated--poster--f27e1a.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/nyatasha-nyanners-goro-animated/">Nyatasha Nyanners &amp; Goro Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65499,&quot;name&quot;:&quot;Comme des Garcons Logo Shaking Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/af1ce70e-e3c1-47f6-8799-b61fd357c997/comme-des-garcons-logo-shaking-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/af1ce70e-e3c1-47f6-8799-b61fd357c997/comme-des-garcons-logo-shaking-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:20,&quot;offsetY&quot;:8,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:1200,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/af1ce70e-e3c1-47f6-8799-b61fd357c997/frames/comme-des-garcons-logo-shaking-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/af1ce70e-e3c1-47f6-8799-b61fd357c997/frames/comme-des-garcons-logo-shaking-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/af1ce70e-e3c1-47f6-8799-b61fd357c997/frames/comme-des-garcons-logo-shaking-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/af1ce70e-e3c1-47f6-8799-b61fd357c997/frames/comme-des-garcons-logo-shaking-animated--frame--3.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/af1ce70e-e3c1-47f6-8799-b61fd357c997/comme-des-garcons-logo-shaking-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/af1ce70e-e3c1-47f6-8799-b61fd357c997/comme-des-garcons-logo-shaking-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:24,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:1200}}"
  data-cursor-pack-events-url="/cursor/comme-des-garcons-logo-shaking-animated/events/"
>
  <a class="block" href="/cursor/comme-des-garcons-logo-shaking-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Comme des Garcons Logo Shaking Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/af1ce70e-e3c1-47f6-8799-b61fd357c997/comme-des-garcons-logo-shaking-animated--poster--7e254d.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/comme-des-garcons-logo-shaking-animated/">Comme des Garcons Logo Shaking Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:65078,&quot;name&quot;:&quot;Pekora \u0026 Carrot Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/eaedb14b-3f3c-43ad-b4ff-ac6d2117f478/pekora-carrot--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/eaedb14b-3f3c-43ad-b4ff-ac6d2117f478/pekora-carrot--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/eaedb14b-3f3c-43ad-b4ff-ac6d2117f478/pekora-carrot--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/eaedb14b-3f3c-43ad-b4ff-ac6d2117f478/pekora-carrot--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:14}}}"
  data-cursor-pack-events-url="/cursor/pekora-carrot/events/"
>
  <a class="block" href="/cursor/pekora-carrot/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Pekora &amp; Carrot Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/eaedb14b-3f3c-43ad-b4ff-ac6d2117f478/pekora-carrot--poster--5df1aa.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/pekora-carrot/">Pekora &amp; Carrot Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:64601,&quot;name&quot;:&quot;Mori Calliope \u0026 Scythe Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc752fd-7f36-4f80-b3f1-477c888918ee/mori-calliope-scythe--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc752fd-7f36-4f80-b3f1-477c888918ee/mori-calliope-scythe--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:28,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc752fd-7f36-4f80-b3f1-477c888918ee/mori-calliope-scythe--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/3cc752fd-7f36-4f80-b3f1-477c888918ee/mori-calliope-scythe--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:30,&quot;offsetY&quot;:4}}}"
  data-cursor-pack-events-url="/cursor/mori-calliope-scythe/events/"
>
  <a class="block" href="/cursor/mori-calliope-scythe/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Mori Calliope &amp; Scythe Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/3cc752fd-7f36-4f80-b3f1-477c888918ee/mori-calliope-scythe--poster--798360.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/mori-calliope-scythe/">Mori Calliope &amp; Scythe Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:56906,&quot;name&quot;:&quot;Gucci Pattern Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/95d2a051-db9c-48ea-92ca-2380e7630cda/gucci-pattern--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/95d2a051-db9c-48ea-92ca-2380e7630cda/gucci-pattern--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/95d2a051-db9c-48ea-92ca-2380e7630cda/gucci-pattern--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/95d2a051-db9c-48ea-92ca-2380e7630cda/gucci-pattern--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:32,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/gucci-pattern/events/"
>
  <a class="block" href="/cursor/gucci-pattern/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Gucci Pattern Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/95d2a051-db9c-48ea-92ca-2380e7630cda/gucci-pattern--poster--350ffb.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/gucci-pattern/">Gucci Pattern Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:56521,&quot;name&quot;:&quot;RIPNDIP Pink \u0026 Blue Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7c1c41fb-5772-4504-adfa-dd9e018166a0/ripndip-pink-blue--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7c1c41fb-5772-4504-adfa-dd9e018166a0/ripndip-pink-blue--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:32,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7c1c41fb-5772-4504-adfa-dd9e018166a0/ripndip-pink-blue--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/7c1c41fb-5772-4504-adfa-dd9e018166a0/ripndip-pink-blue--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:32,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/ripndip-pink-blue/events/"
>
  <a class="block" href="/cursor/ripndip-pink-blue/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="RIPNDIP Pink &amp; Blue Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/7c1c41fb-5772-4504-adfa-dd9e018166a0/ripndip-pink-blue--poster--4259d8.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/ripndip-pink-blue/">RIPNDIP Pink &amp; Blue Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:56874,&quot;name&quot;:&quot;Polar Skate Co Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/polar-skate-co-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/polar-skate-co-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:1000,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/frames/polar-skate-co-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/frames/polar-skate-co-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/frames/polar-skate-co-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/frames/polar-skate-co-animated--frame--3.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/frames/polar-skate-co-animated--frame--4.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/frames/polar-skate-co-animated--frame--5.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/frames/polar-skate-co-animated--frame--6.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/frames/polar-skate-co-animated--frame--7.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/polar-skate-co-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/polar-skate-co-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:50,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:1000}}"
  data-cursor-pack-events-url="/cursor/polar-skate-co-animated/events/"
>
  <a class="block" href="/cursor/polar-skate-co-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Polar Skate Co Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/d99ef796-d88b-4a08-bfe1-eecb31bd0feb/polar-skate-co-animated--poster--a04341.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/polar-skate-co-animated/">Polar Skate Co Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #45c6a7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Lifestyle&quot;,&quot;slug&quot;:&quot;lifestyle&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/54531f82-a99a-44d9-bff7-f98f11edd1c5/lifestyle--primary--0a3481.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:54990,&quot;name&quot;:&quot;Impressive Baddie Girl Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/4cca6c18-ef85-4ead-aa39-44ac94cc4afa/impressive-baddie-girl--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/4cca6c18-ef85-4ead-aa39-44ac94cc4afa/impressive-baddie-girl--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:26},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/4cca6c18-ef85-4ead-aa39-44ac94cc4afa/impressive-baddie-girl--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/4cca6c18-ef85-4ead-aa39-44ac94cc4afa/impressive-baddie-girl--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:26,&quot;offsetY&quot;:14}}}"
  data-cursor-pack-events-url="/cursor/impressive-baddie-girl/events/"
>
  <a class="block" href="/cursor/impressive-baddie-girl/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Impressive Baddie Girl Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/4cca6c18-ef85-4ead-aa39-44ac94cc4afa/impressive-baddie-girl--poster--5bb0b5.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">💫</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #45c6a7;" href="/categories/lifestyle/">Lifestyle</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/impressive-baddie-girl/">Impressive Baddie Girl Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>

</template></turbo-stream>
<turbo-stream action="replace" target="top_cursor_packs_load_more"><template>
  <div id="top_cursor_packs_load_more">
      
<div class="flex justify-center mt-9">
  <a rel="nofollow" aria-label="Load More" class="text-base btn btn-primary rounded-2xl font-normal gap-2 px-8  min-w-48" data-turbo-stream="true" data-controller="load-more" data-action="click-&gt;load-more#start" href="/top-cursors/load_more/?category=lifestyle&amp;filter=hot&amp;page=9">
    <span data-load-more-target="content">Load More</span>
    <svg data-load-more-target="content" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="m6 9 6 6 6-6" />
    </svg>
    <span data-load-more-target="spinner" class="loading loading-dots loading-md hidden"></span>
</a></div>

  </div>
</template></turbo-stream>