JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div class="zornet_ru_gwrsa dekavtum" style="cursor:pointer;">ZORNET.RU</div>

CSS

.zornet_ru_gwrsa {
    float: left;
    margin: 3em 1.5em;
    width: 99px;
    height: 58px;
    border: 2px solid #043a04f0;
    color: #efe9e9f5;
    border-radius: 3px;
    background-color: #1d8662;
    line-height: 58px;
    text-align: center;
      -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s cubic-bezier(0.42, 0, 0.39, 0.88);
}
  .zornet_ru_gwrsa.dekavtum:hover {
    -webkit-transform: translate(3em,0);
    -moz-transform: translate(3em,0);
    -o-transform: translate(3em,0);
    -ms-transform: translate(3em,0);
    transform: translate(3em,0);
  }