JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="button-panel">
        <button class="button">Yes I would like to get a free iPad</button>
        <button class="button2">No, I already have one</button>
    </div>
</div>

CSS

.main {
    background: #ffc;
    padding: 2em 0;
}

.button-panel
{    
    display: table;
    margin: 0 auto;
}

.button {
    display: block;
    background: #27adf1;
    color: white;
    border: none;
    padding: .5em 1em;
    width: 100%;
}


.button2 {
    margin-top: .25em;
    display: block;
    border: 1px solid #27adf1;
    color: #27adf1;
    background: white;
    padding: .5em 1em;
    width: 100%;
}