CodePen Embed - YzOKjNY

<head>
    <script src="https://cdn.tailwindcss.com"></script>

</head>
<div class="p-6">
  <button class="rounded-lg border border-blue-500 text-blue-500 px-4 py-3 flex items-center gap-x-2">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
      <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 00-2.25 2.25v9a2.25 2.25 0 002.25 2.25h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25H15M9 12l3 3m0 0l3-3m-3 3V2.25" />
    </svg>
    <span class="text-sm font-semibold">Download</span>
  </button>
</div>

This Pen is owned by Shaun on CodePen.

See more by @Athys on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.