Marketing
Marketing Buttons Reveal hidden static border on hover, solid and bordered
Live Preview
<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>