JSFiddle - React, Tailwind, and code Playground
by Adrian Enriquez
HTML
<!-- Original Embed -->
<!--HubSpot Call-to-Action Code -->
<span class="hs-cta-wrapper" id="hs-cta-wrapper-427b3ef0-1182-4139-81a1-7450d68305a5">
<span class="hs-cta-node hs-cta-427b3ef0-1182-4139-81a1-7450d68305a5" id="hs-cta-427b3ef0-1182-4139-81a1-7450d68305a5">
<!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]-->
<a href="https://cta-redirect.hubspot.com/cta/redirect/6379562/427b3ef0-1182-4139-81a1-7450d68305a5">
<img class="hs-cta-img" id="hs-cta-img-427b3ef0-1182-4139-81a1-7450d68305a5" style="border-width:0px;" src="https://no-cache.hubspot.com/cta/default/6379562/427b3ef0-1182-4139-81a1-7450d68305a5.png" alt="DOWNLOAD IN-HOUSE AGENCY BROCHURE" />
</a>
</span>
<script charset="utf-8" src="https://js.hscta.net/cta/current.js"></script>
<script type="text/javascript">
hbspt.cta.load(6379562, '427b3ef0-1182-4139-81a1-7450d68305a5', {});
</script>
</span>
<!-- end HubSpot Call-to-Action Code -->
<!-- Edited embed (removed hubspot link)-->
<a class="sample-button" href="https://thisisfarm.com" target="">
<span class="hs-cta-wrapper" id="hs-cta-wrapper-427b3ef0-1182-4139-81a1-7450d68305a5">
<span class="hs-cta-node hs-cta-427b3ef0-1182-4139-81a1-7450d68305a5" id="hs-cta-427b3ef0-1182-4139-81a1-7450d68305a5">
<!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]-->
<img class="hs-cta-img" id="hs-cta-img-427b3ef0-1182-4139-81a1-7450d68305a5" style="border-width:0px;" src="https://no-cache.hubspot.com/cta/default/6379562/427b3ef0-1182-4139-81a1-7450d68305a5.png" alt="DOWNLOAD IN-HOUSE AGENCY BROCHURE" />
</span>
<script charset="utf-8" src="https://js.hscta.net/cta/current.js"></script>
<script type="text/javascript">
hbspt.cta.load(6379562, '427b3ef0-1182-4139-81a1-7450d68305a5', {});
</script>
</span>
</a>
JavaScript
$('.sample-button').on('click', e => {
e.preventDefault();
const link = e.currentTarget.href;
window.location = link;
})