JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
 <section class="banner-section">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-12 text-center">
                <h3>Interested in what we have to offer?</h3>
            </div>
            <div class="col-md-6 col-sm-12 text-center">
                <button type="button" class="btn btn-primary btn-lg" id="bannerbtn">Contact us now</button>
            </div>
        </div>
    </div>
    </section>

CSS

.banner-section{
    height: 150px;
    background-color: #212529;
}
.banner-section h3{
    float:right;
    line-height: 150px;
    color: #fff;
    font-size:25px;
}
#bannerbtn
{
    float:left; 
    background-color: #6d6e71; /*background:#6d6e71 */
    border-color: #fff;
}