Marketing Buttons Reveal hidden static border on hover, solid and bordered

<a class="group relative inline-block text-sm font-medium text-white" href="#">
      <span class="absolute inset-0 border border-red-600"></span>
      <span
        class="block border border-red-600 bg-red-600 px-12 py-3 transition-transform group-hover:-translate-x-1 group-hover:-translate-y-1"
      >
        Download
      </span>
    </a>

    <a class="group relative inline-block text-sm font-medium text-red-600" href="#">
      <span class="absolute inset-0 border border-current"></span>
      <span
        class="block border border-current bg-white px-12 py-3 transition-transform group-hover:-translate-x-1 group-hover:-translate-y-1"
      >
        Download
      </span>
    </a>