JSFiddle - React, Tailwind, and code Playground

by de_arnst

HTML

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

CSS

div {
    padding: 50px;
}
.button {
    background: #fff;
    border: 1px #f00 solid;
    border-radius: 5px;
    padding: 10px;
    box-shadow:0 0px 10px rgba(0,0,0,.3);
    font-size:13px;
}
.button:hover {
    cursor:pointer;
}
.button:active {
    transform:scale(0.99,0.99);
    box-shadow:0 0 1px rgba(0,0,0,.5);
    transition:.05s;
    font-size:12px;
}
.button:focus {
    outline:0;
}