JSFiddle - React, Tailwind, and code Playground

HTML

<button id="x"></button>

CSS

#x {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    border-color: white;
    border: none;
    position: absolute;
    left: 120px;
    top: 20px;
    background: red;
}
#x.lg {
    background : lightgreen;
}

#x:focus {
    outline: 0;
}

JavaScript

$("#x").click(function () {
    $(this).animate({
        "height": "45px",
            "width": "45px"
    }, 100);
$(this).addClass("lg");
});