JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-sm-12" id="my_styles">
         <button type="submit" class="btn btn-warning" id="1">Button1</button>
         <button type="submit" class="btn btn-warning" id="2">Button2</button>
    </div>

CSS

/** normal style **/
    .btn{
        background: #ccc;
    }

    /** on active **/

.btn:focus{
        background: red;
    }