JSFiddle - React, Tailwind, and code Playground

by eleonore

HTML

<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
     </head>


<body>
<button class="button">Кнопка</button>
</body>
</html>

CSS

.button{
width:200px;
border:4px double #FFF;
background:#FCB1FA;
background:-moz-linear-gradient(#FCB1FA,#FEE2FB,#FCB1FA);
background:-webkit-gradient(linear,0 0,0 100%,from(#FCB1FA),to(#FCB1FA),color-stop(0.5,#FEE2FB)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB1FA', endColorstr='#FEE2FB',GradientType=0);
font-size:16px;
font-weight:800;
color:#000;
padding:10px;
border-radius:40px 40px 40px 40px;
-webkit-border-radius:40px 40px 40px 40px;
-moz-border-radius:40px 40px 40px 40px;
box-shadow: 0 0 8px 0px #CCC;}