JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<div class="container">
  <div class="row hidden-xs">
    <div class="col-sm-1 col-xs-1">&nbsp;</div>
    <div class="col-sm-1 col-xs-1">
      <button class="btn_smaller" onMousedown="ac='b';"><span>Back</span></button>
    </div>
    <div class="col-sm-8 col-xs-8 text-center nopadding" style="background-color:red">&nbsp;</div>
    <div class="col-sm-1 col-xs-1">
      <button class="btn_smaller"><span>Next</span></button>
    </div>
   </div>

CSS

.btn_smaller {
  z-index:99;
  width:140px;
  height:40px;
  color:white;
  box-shadow: 0px 0px 4px 2px #7F7F7F;
  border-radius: 12px;
  font-size:18px;
  padding:0px;
  border:0px;
}