79312416

Date: 2024-12-27 17:24:07
Score: 1
Natty:
Report link

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>

Images used: calendar, hexa, present

Reasons:
  • Probably link only (1):
  • Long answer (-1):
  • Has code block (-0.5):
  • Ends in question mark (2):
  • Starts with a question (0.5): Is this
  • High reputation (-1):
Posted by: iorgu