JSFiddle - React, Tailwind, and code Playground

HTML

<div class="round">
                    <a href="#" class="round-button">150р</a>
                    <a href="#" class="round-button">200р</a>
                    <a href="#" class="round-button">300р</a>
                    <a href="#" class="round-button">500р</a>
                    <a href="#" class="round-button">1000р</a>
                </div>

CSS

.round{
  display:flex;
  max-width:500px;
  border:1px #cc0000 solid;
}

.round-button {
    flex: 1 0 75px;
    height: 75px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    background: #ff8300;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  text-decoration:none;
}