JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="zotsaxtunim_sagertan" class="zotsaxtunim_sagertan">Подписаться - на cominet.ml</a>

CSS

* {
  margin: 0;
  padding: 0;
}

/* Общие стили */
h2 {
  line-height: 28px;
  font-family: Helvetica, sans-serif;
  margin-bottom: 20px;
}

#header {
  height: 25px;
  text-align: center;
  font: 12px/25px Helvetica, sans-serif;
  background: #eee;
}

#header a {
	color: blue;
}


.zotsaxtunim_sagertan {
  font: 18px/1.5 Helvetica, Arial, sans-serif;
}

a {
  color: white;
  text-decoration: none;
}




#zotsaxtunim_sagertan {
    background: #2865a2;
    text-shadow: 0 1px 0 #232020;
    border: 1px solid #e2e2e2;
    height: 29px;
    width: 115px;
    margin: 78px 0 0 51px;
    padding: 0 0 0 9px;
    overflow: hidden;
    display: block;
    -webkit-transition: All 0.5s cubic-bezier(0.25, 0.1, 0.18, 0.93);
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s cubic-bezier(0.25, 0.1, 0.19, 0.95);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}

#zotsaxtunim_sagertan:hover {
  width: 241px;
}