JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<div class="lead-in">
    <div class="container">
        <h2>Quer ganhar R$ 15,00 de desconto para usar na primeira compra e ainda receber promoções antes de todo mundo?</h2>    
        
        <a href="#" title="" class="link accept">
           Quero ganhar R$ 15,00 de desconto
        </a>
        
        <a href="#" title="" class="link reject">
           Quero ganhar R$ 15,00 de desconto
        </a>

    </div>
</div>

CSS

*{margin:0px auto; padding:0px;}

.container {
    margin: 0px auto;
    height: auto;
    max-width: 990px;
    position: relative;
    font-family:Arial, sans-serif;
}

h2{margin:20px 0; text-align:center;}

.lead-in{
    height:300px;
    width:100%;
    float:left;
    background-color:#f2f2f2;
}

.lead-in .link{
    height:auto;
    width:33%;    
    padding:20px;    
    text-decoration:none;
    font-size:20px;
    position:relative;
}

.accept{
    background-color:#00bb00;
    color:#FFF;
}