When load the page this is what i get(I Dont have any errors on page)

here is the html:

 <a class="btn btn-primary btn-sm my-0" role="button">
      <span class="d-none d-lg-inline-block mr-1">How It Works</span>
    </a>

    <a class="btn btn-primary btn-sm my-0" role="button">
      <span class="d-none d-lg-inline-block mr-1">Why It Works</span>
    </a>

Actual behavior :

after continuing in to different pages in the website then suddenly the buttons get the right style. waiting to hear from you how to solve it. thanks.

Expected behavior :