Mobile friendly buttons and links

Hi guys,
I’ve needed to display mobile friendly buttons (rather than basic A-HREF links) on my pages. What’s the best way to do this? I’ve been using the following links. Is this the right way?

href="" class="roll-button more-button">Discover Laserfiche here.</a>
<a href="#What-Is-Laserfiche" style="padding: 1px 3px !important; " class="roll-button more-button">What is Laserfiche&reg;?</a>