JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cont bonus">
        <h3>You have no active Bonus on your account</h3>
        <h4>Got a Bonus code?</h4>
        <input class="input" type="text" name="bonuscode" placeholder="Bonus Code"><br>
        <div id="activate">
          <a class="activate" href="#">Activate</a> 
        </div>
         
    </div>

CSS

a.activate{
   background-color: pink;
   padding: 10px;
   display:inline-block;
 }