JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nav">
  <div class="logo"></div>
  <div class="razdelitel"></div>
  <div class="social"></div>
  <a class="be" href="#"></a>
  <a class="insta" href="#"></a>
  <a class="vk" href="#"></a>
  <div class="contacts"></div>
  <a class="mail" href="#">[email protected]</a>
  <a class="telegram" href="#">@PRIMER</a>
</div>

CSS

.nav a {
  font-weight: 700;
  margin-left: 25px;
  transition: 1s;
  color: #5b5b5b;
  text-decoration: none;
}

.nav a:hover {
  transition: 1s;
  color: #ff1e4f;
}