JSFiddle - React, Tailwind, and code Playground

by bedre_lv

HTML

<input type="submit" value="sarkana poga" class="button-red"><br />
<input type="submit" value="zaļa poga poga" class="button-green">

CSS

.button-red {
display: inline-block;
height: 20px;
line-height: 20px;
padding-right: 20px;
padding-left: 20px;
position: relative;
background-color:rgb(41,127,184);
color:rgb(255,255,255);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
border-radius: 15px;
}


.button-red:active {
margin-top: 2px;
margin-bottom: 13px;
}

.button-red:hover {
background: #e74c3c;
}

.button-green {
display: inline-block;
height: 20px;
line-height: 20px;
padding-right: 20px;
padding-left: 20px;
position: relative;
background-color:rgb(41,127,184);
color:rgb(255,255,255);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
border-radius: 15px;
}


.button-green:active {
margin-top: 2px;
margin-bottom: 13px;
}

.button-green:hover {
background: green;
}