JSFiddle - React, Tailwind, and code Playground

by Ishank Dubey

HTML

<button class="favorite styled"
        type="button">
    Add to favorites
</button>

CSS

.styled {
    border: 0;
    
}

.styled:hover {
    background-color: rgba(255, 0, 0, 1);
}

.styled:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}