JSFiddle - React, Tailwind, and code Playground

by ruslanchek

HTML

<a href="#" class="button-blue">Нажми меня</a>

CSS

.button-blue {
  border-radius: 10px;
  background-image: -moz-linear-gradient( 90deg, rgb(72,188,255) 0%, rgb(0,162,255) 19%, rgb(159,227,255) 93%, rgb(159,227,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(72,188,255) 0%, rgb(0,162,255) 19%, rgb(159,227,255) 93%, rgb(159,227,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(72,188,255) 0%, rgb(0,162,255) 19%, rgb(159,227,255) 93%, rgb(159,227,255) 100%);
  box-shadow: 0 1px 1px 0px rgba( 0, 98, 149, 0.7 );
  height: 57px;
  font-size: 28px;
  font-family: "PT Sans";
  color: rgb( 255, 255, 255 );
  font-weight: bold;
  line-height: 57px;
  text-shadow: 0px -1px 0px rgba( 0, 0, 0, 0.5 );
  text-align: center;
  padding: 0 3ex;
  display: inline-block;
  text-decoration: none;
}