Pine Button Alignment

pine-button-alignment.html

<!-- Align: Right for Desktops and Tablets -->
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tr>
    <td class="col" width="640" style="padding: 0 10px;">
      <table align="right" bgcolor="#34BF49" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 3px;">
        <tr>
          <th>
            <a href="http://thememountain.com" style="border: 0 solid #34BF49; color: #FFFFFF; display: inline-block; font-size: 13px; padding: 8px 50px; text-decoration: none;">Button label</a>
          </th>
        </tr>
      </table>
    </td>
  </tr>
</table>

<!-- Align: Right for Desktops and Tablets, Left for Mobile -->
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tr>
    <td class="col" width="640" style="padding: 0 10px;">
      <table align="right" bgcolor="#34BF49" class="align-sm-left" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 3px;">
        <tr>
          <th>
            <a href="http://thememountain.com" style="border: 0 solid #34BF49; color: #FFFFFF; display: inline-block; font-size: 13px; padding: 8px 50px; text-decoration: none;">Button label</a>
          </th>
        </tr>
      </table>
    </td>
  </tr>
</table>

<!-- Align: Center for Desktops and Tablets, Right for Mobile -->
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tr>
    <td class="col" width="640" style="padding: 0 10px;">
      <table align="center" bgcolor="#34BF49" class="align-sm-right" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 3px; margin: 0 auto;">
        <tr>
          <th>
            <a href="http://thememountain.com" style="border: 0 solid #34BF49; color: #FFFFFF; display: inline-block; font-size: 13px; padding: 8px 50px; text-decoration: none;">Button label</a>
          </th>
        </tr>
      </table>
    </td>
  </tr>
</table>