How to embed the hyperlink within button.

Summary:

I tried to embed the hyperlink within button but when i click on the button dialog box won't open. Is this the correct way or not.

Please guide me

Content (required):

<div class="oj-flex">

  <div class="oj-flex-item oj-sm-12 oj-md-2">

  <oj-button label="Testing" on-oj-action="[[$listeners.buttonAction2]]">

    <a target="_blank" class="oj-link" id="link" on-click="[[$listeners.linkClick]]">Hyperlink</a>

  </oj-button>

  </div>

</div>

<oj-dialog dialog-title="Dialog" id="testing" style="width: 100; height: 100;">

  <div slot="body">

    <div class="oj-flex"></div>

  </div>

</oj-dialog>

Thanks in advance