JSFiddle - React, Tailwind, and code Playground

HTML

<div style=" font-family:Segoe UI, Helvetica, sans-serif">
    
<h2 style="padding:0 20px;color:#fff;border-radius:3px;line-height:40px;background:#7da9c9">Hello, %username%</h2>

    <p style="padding:0 30px">An account has been created for you on <a href="https://mirrordatabase.accenture.com/#/data_input">mirrordatabase.accenture.com</a>

    </p>
    <p style="padding:0 30px">Login: <strong>Ass</strong>
    </p>
    <p style="padding:0 30px">Password: <strong>Hole</strong>
    </p>
    <p style="padding:0 30px">To login please use this link:</p>
    <div style="text-align:center;">
<a href="https://mirrordatabase.accenture.com/#/data_input" style="display:inline-block; box-sizing:border-box; margin: 0 10px; border-radius:4px;padding:0 30px; text-decoration:none;line-height: 30px;text-align:center;color:#fff; background:#7da9c9">Go</a> <a href="https://mirrordatabase.accenture.com/#/data_input" style="display:inline-block; box-sizing:border-box; margin: 0 10px; border-radius:4px;padding:0 30px; text-decoration:none;line-height: 30px;text-align:center;color:#fff; background:#7da9c9">Go</a>
    </div>

</div>