JSFiddle - React, Tailwind, and code Playground

HTML

<section role="searchform"><div class="body-searchform">       
<div class="buttons-search">
            <a href="#" class="search-buttons"><img src="/img/btn_placeholder.svg"></a>
            <a href="#" class="search-buttons" ><img src="/img/btn_placeholder.svg"></a>
            <a href="#" class="search-buttons" ><img src="/img/btn_placeholder.svg"></a>
            <a href="#" class="search-buttons"><img src="/img/btn_placeholder.svg"></a>
            <a href="#" class="search-buttons"><img src="/img/btn_placeholder.svg"></a>
</div>
                </div></section>

CSS

.buttons-search {
     display: flex;
     height: 84px;
 }

.search-buttons {
    width: 100px;
    height: 84px;
    background: green;
    margin: 2px;
}

.buttons-search:before,
.buttons-search:after {
    content: '';
    position: relative;
    flex-grow: 1;
    height: 84px;
    background: blue;
    margin: 2px;
}