JSFiddle - React, Tailwind, and code Playground

by Joe Pigott

HTML

<button>Download</button>

CSS

button {
    height: 50px;
    width: 100px;
    border-radius: 5px;
    background: orange;
    border: 0;
    cursor: pointer
}
button:hover {
    background: linear-gradient(#ffc266, orange);
}
button:active {
    background: linear-gradient(orange, #ffc266);
}
button:focus {
    outline: 0
}

JavaScript

$('button').click(function(){
    alert("HAHA! Sucker! :P");
});