Is this what you're after?
.navbar {
display: flex;
padding: 2em;
}
.smallbutton {
display: flex;
background-color: #060106;
padding-bottom: 10px;
}
.smallbutton button {
min-width: 158px;
display: block;
text-decoration: none;
color: #2b2a2a;
background: #959595;
border-radius: 70px;
padding-bottom: 2px;
cursor: pointer;
margin-right: 5px;
}
.smallbutton img {
float: left;
position: relative;
left: 4px;
max-width: 37px;
}
.smallbutton a {
text-decoration: none;
}
.smallbutton span {
font-weight: bolder;
line-height: 35px;
font-size: 18px;
}
<div class="navbar">
<div class="smallbutton">
<a href="#">
<button class="cob"><img src="https://i.sstatic.net/TnepabJj.png" alt="Calendar"><span>События</span></button></a>
<a href="#"><button><img src="https://i.sstatic.net/LRzPOFqd.png" alt="hexa"><span>Купить R$</span></button></a>
<a href="#"><button><img src="https://i.sstatic.net/LRTBTnld.png" alt="present"><span>Лотерея</span></button></a>
<a href="#"><button><img src="whatever.png" alt="whatever"><span>Бонусы</span></button></a>
<a href="#"><button><img src="whatever.png" alt="whatever"><span>Рефералка</span></button></a>
</div>
</div>