JSFiddle - React, Tailwind, and code Playground

HTML

<div class="search-side"> 
    <a href="#" class="show-search">Busca</a>
    <div class="search-form">
        <form autocomplete="off" role="search" method="get" class="searchform" action="#">
            <input type="text" value="" name="s" id="s" placeholder="Buscar..." />
         </form>
    </div>
</div>

CSS

.search-side {
    position: relative;
    float: right;
    display: inline-block;
    border:1px dashed #f0f;
    padding:5px 10px;
}
.show-search,
.search-form {
    display:inline-block;
    height:20px;
    padding:5px 10px;
}
.show-search {    
    background:#eee;
    color:#000;
    float:left;
}

.search-form {
    float:left;
}