JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" class="btn">Click me</button>

CSS

body {
    background: url('http://podcollective.com/assets/phong/world.patterns/egypt-V1/EGYPT-C-PATTERN.png');
}

.btn {
    background-color: rgba(255,100,100,.4);
    border: none;
    
    -webkit-transition: all .3s;
    transition: all .3s;
}

.btn:hover {
    background-color: rgba(255,100,100,1);    
}

.btn:active {
    background-color: rgba(0,155,155,1);
    color: white;
}

.btn:focus {
    outline: none;
}