JSFiddle - React, Tailwind, and code Playground

HTML

<div class="lol">
<a class="button">Кнопка</a>
<a class="button">Кнопка</a>
<a class="button">Кнопка</a>
<a class="button">Кнопка</a>
</div>

<div class="lol2">
<a class="button">Кнопка</a>
<a class="button">Кнопка</a>
<a class="button">Кнопка</a>
<a class="button">Кнопка</a>
</div>

CSS

.lol, .lol2 {
    font:16px/3 arial;
    margin:0 auto;
    width:350px;
    height:100px;
    background-color:#eee;
    margin-top:20px;
}

.lol2 .button {
    margin:0 10px;
}

.button {
    background-color:pink;
    padding:10px;
    margin:10px 10px;
}

.button:first-child {
    float:right;
}

.button:nth-child(3) {
    padding:0;
}

.button:nth-child(2) {
    float:right;
    padding:0;
}