Use the .button class to style links as buttons.
A link as a button A link as a button A disabled link as a button
<a class="button" href="#">A link styled as a button</a>
<a class="button" data-variant="outline" href="#">A link as a button</a>
<a class="button" role="link" aria-disabled="true">A disabled link as a button</a>
Use the w-full width utility class to make a button styled link fill the full width of it’s container.
<a class="button w-full" href="#">Link styled as a full-width button</a>