JSFiddle - React, Tailwind, and code Playground

by selahssea

HTML

<button>Кнопка</button>

CSS

button{
    border: 1px solid #fff; 
    padding: 10px 30px;
    font:18px Arial, sans-serif;
    position:relative;
    cursor:pointer;    
    box-shadow: 0px 0px 8px #ccc;      
    border-radius: 21px;          
    background-clip: padding-box; 
    background: linear-gradient(top, #ffb0d4 0%,#ffcce3 51%,#ffb0d4 100%);
}
button:before{
    content:"";
    position:absolute;
    display:block;
    top:2px;
    left:2px;
    right:2px;
    bottom:2px;
    border:1px solid #fff;    
    border-radius: 21px;
}
button:hover{    
     text-shadow: 0px 0px 5px #fff; 
}