JSFiddle - React, Tailwind, and code Playground

HTML

<input id="button1" type="submit" />

<input id="button2" type="submit" />

CSS

#button1 {
     border:1px #333 solid;   
    padding:10px;
    background-color:white;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px;
}

#button2 {
     border:1px #333 solid;   
    padding:10px;
    background-color:white;
    -webkit-border-radius:40px/24px;
    -moz-border-radius:40px/24px;
    border-radius:40px/24px;
}

input[type=submit] {
    -webkit-transition:all 0.3s ease-in-out;    
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;        
}

#button1:hover, #button2:hover {
    background-color:#ff0;
    border-radius:10px;
    box-shadow:0px 0px 10px #555;
}