JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class=" btn-group pull-right editor-btn-group">
   <button type="button" class="btn btn-success" onclick="javascript:document.location='http://local-tb.com/admin/hostel/hostelstep1'">Previuos</button>
   <button type="button" class="btn btn-success" onclick="javascript:onSubmit();">Next</button>
   <button type="button" class="btn btn-danger btn-cancel-action" onclick="javascript:document.location='http://local-tb.com/admin/hostel/index/clearsteps/1'">Cancel</button>
</div>

CSS

.btn-group {
    overflow: hidden;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid blue;
}

.editor-btn-group:first-child {
    margin-left:45px;
    color: red;
    border: 2px solid maroon;
}