JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0" border="0" width="250" bgcolor="#ffffff" style="margin:0 auto;">
    <tr>
        <td class="blue-button" width="250" align="center" style="font-family: Arial, sans-serif; font-weight:bold; color:#ffffff; text-shadow: 1px 1px 3px #014568; padding-top: 10px; padding-right: 10px; padding-bottom: 10px;  padding-left: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;"><a href="#" style="color:#ffffff; text-shadow: 1px 1px 3px #014568; text-decoration:none;">reply to request</a>

        </td>
    </tr>
</table>

CSS

td.blue-button {
    background-color: #006497;
}
td.blue-button:hover {
    background-color: #267aa6;
}