Link

<div class="flex flex-wrap gap-4">
  <a href="#" class="mv-link">Example link</a>
</div>

<div class="flex flex-wrap gap-4">
  <a href="#" class="mv-link mv-link-underline">Example underline link</a>
</div>

<div class="flex flex-wrap gap-4">
  <a href="#" class="mv-link mv-link-underlined">Example underlined link</a>
</div>

<div class="flex flex-wrap gap-4">
  <a href="#" class="mv-link mv-link-underlined mv-link-dashed">Example dashed link</a>
</div>

<div class="flex flex-wrap gap-4 bg-mono rounded-md">
  <div class="p-5">
    <a href="#" class="mv-link mv-link-underlined mv-link-inverse">Example inverse link</a>
  </div>
</div>

<div class="flex flex-wrap gap-4">
  <a href="#" class="mv-link mv-link-underlined mv-link-mono">Example mono link</a>
</div>

<div class="flex flex-wrap gap-4">
  <a href="#" class="mv-link mv-link-underlined mv-link-disabled">Example disabled link</a>
</div>

<div class="inline-flex flex-col items-start flex-wrap gap-4">
  <a href="#" class="mv-link mv-link-underlined mv-link-sm">Small link</a><a href="#" class="mv-link mv-link-underlined">Default link</a><a href="#" class="mv-link mv-link-underlined mv-link-lg">Large link</a>
</div>