JSFiddle - React, Tailwind, and code Playground

HTML

<script>
  if (screen.width > 470) {
    document.getElementById("changeMe").innerHTML = "link text changed";
  }

</script>
<table  width="100%">
  <tr>
    <td align="center">
      <table cellspacing="10">

        <tr>
          <td bgcolor="#E2A71D" class="innertd buttonblock" style=" background-color: #E2A71D;">
            <a alias="" href="#tag" style=" color: #FFFFFF; background-color: #E2A71D;" title="Request a call back">btn1</a></td>
          <td bgcolor="#E2A71D" class="innertd buttonblock" style="  background-color: #E2A71D;">
            <a id="changeMe" class="callnow1" href="tel:345345345" style=" text-decoration: none; display: block; font-family: &quot;Open Sans&quot;, sans-serif; font-size: 15px; font-weight: 600; color: #FFFFFF; ">btn2</a></td>
        </tr>
      </table>
    </td>
  </tr>
</table>