JSFiddle - React, Tailwind, and code Playground

by Derek Wood

HTML

<a href="http://sheriffderek.com" class="button">View Details >></a>
<button class="star">★</button>

CSS

a { /* reset a */
    text-decoration: none;
    color: inherit;
}

.button {
    display: inline-block;
    padding: .5em;
    border: 1px solid black;
    border-radius: 5px;
    vertical-align: middle;
    font-size: 1em;
}

.star {
    background: transparent;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    
    cursor: pointer;
    font-size: 1.2em;
}

.star:focus {
    outline: none;
}
}

JavaScript

$('.star').on('click', function() {
   alert('I am totally clickable'); 
});