JSFiddle - React, Tailwind, and code Playground

HTML

<center><link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/bucket-io-widget-assets/home/styleBucket.css"><button style="font-size: 24px;background-color:#7dba3f;color:#FFFFFF;border:2px solid black;border-color:white;padding:10px 20px;cursor:pointer" onclick="lunchModal('https://go.bucketforms.com/sf/')" id="myBtnBucket" class="btn-outline-bucket gtm-cta">Claim Now</button><div id="myModalButton" class="modalBucket"><div class="modal-content-bucket"> <span class="close-bucket">X</span></div></div> <script src="https://s3.amazonaws.com/bucket-io-widget-assets/home/scriptBucket.js" type="text/javascript"></script></center>

CSS

.btn-outline-bucket.gtm-cta a:hover{
	background-color: red;
}