JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bgr">
 <a href="" title="">Хуй</a>
  <a href="" title="">Хуем полбу</a>
   <a href="" title="">Хуеглот</a>
    <a href="" title="">Хуй на</a>
 </div>

CSS

.bgr{
background: #000000;
padding: 80px;
text-align:center;
}
.bgr a{
  outline:none; text-decoration: none;
  display: inline-block;
  border-bottom: 2px solid #fff;
  padding: 10px 30px 10px 30px;
  font-size: 25px;
  color: #fff;
  margin:0 -2px 0 -2px;
}
.bgr a:first-child{
   padding: 10px 30px 10px 0;
}
.bgr a:last-child{
   padding: 10px 0 10px 30px;
}
.bgr a:hover{
  color: #DAA730;
  border-bottom: 2px solid #DAA730;
}

a{
-webkit-transition: all 0.3s;
transition: all 0.3s;
}