JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

.round-button {
    position: relative;
    flex: 0 0 20%;
    padding: 10% 0px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    background: #ff8300;
    border-radius: 50%;
    text-decoration:none;
}
.round-button span{
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
}