JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pai">
    <button class="esq">&larr;</button>
    <div class="meio">
        <button>Botao 1</button>
        <button>Botao 2</button>
    </div>
    <button class="dir">&rarr;</button>
</div>

CSS

.pai {
    display:flex;
    flex-direction:row;
}
.pai .meio {
    flex-grow:1;
    text-align:center;
}
.pai .dir, .pai .esq {
    flex-basis:50px;
}