JSFiddle - React, Tailwind, and code Playground

by Sergey Goryachev

HTML

<div class="button">Вот так!</div>

CSS

body {
  background: #ffffff;
}
.button {
  width: 250px;
  font-family: Arial;
  font-weight: bold;
  font-size: 30px;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  border: 4px solid rgba(255,255,255,.95);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  background: rgb(33,66,146);
  background: -moz-linear-gradient(top, rgba(33,66,146,1) 0%, rgba(52,83,161,1) 50%, rgba(42,71,141,1) 51%, rgba(53,85,165,1) 100%);
  background: -webkit-linear-gradient(top, rgba(33,66,146,1) 0%,rgba(52,83,161,1) 50%,rgba(42,71,141,1) 51%,rgba(53,85,165,1) 100%);
  background: linear-gradient(to bottom, rgba(33,66,146,1) 0%,rgba(52,83,161,1) 50%,rgba(42,71,141,1) 51%,rgba(53,85,165,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214292', endColorstr='#3555a5',GradientType=0 );
}
.button:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.button:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 90%, rgba(255,255,255,0.15) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0)...