JSFiddle - React, Tailwind, and code Playground

HTML

<div class='button'>
    <img id="1" class="moduleratingstar" src="http://app.essets.com/images/site/transactions.png">Some text</div>

CSS

.button {
    background-color: ButtonFace;
    border-bottom: 2px solid ButtonShadow;
    border-left: 2px solid ButtonHighlight;
    border-right: 2px solid ButtonShadow;
    border-top: 2px solid ButtonHighlight;
    color: ButtonText;
    cursor: pointer;
    padding: 0.5em;
    position: relative;
    display:inline;
    text-decoration: none;
}
.button:hover {
    outline: 1px solid rgba(34, 1, 0, 0);
}

JavaScript

$(document).ready(function () {
    $('.button').click(function (event) {
        alert(event.shiftKey);
        this.click(function (ev) {
            
        });
    });
});