JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<h2><a href="">Bonos</a></h2>
<h2><a href="">Juegos sin deposit</a></h2>
<h2><a href="">Croupieres reales</a></h2>
<h2><a href="">Casino movil</a></h2>

CSS

h2 {
  overflow: hidden;
  font: 600 1em/1.5 Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
    position: relative;
}
a {
  text-decoration: none;
  color: #282119;
  transition: 0.45s;
}
a:hover {
  color: #DB2609;
}
a:before,
a:after {
  content: "";
  position: absolute;
  border: 1px solid transparent;
  height: 0;
  width: 100%;
  margin: auto;
  top: 0;
  bottom: 0;
  transition: inherit;
}
  a:before {
    margin-left: -101%;
  }
  a:after {
    margin-left: 1%;
  }
  a:hover:before,
  a:hover:after {
    border-color: inherit;
  }