JSFiddle - React, Tailwind, and code Playground

HTML

<div id="rectangle" class="hover"></div>
<div id="halfCircleBottom" class="hover"></div>

CSS

body{
    background:#353535;
}
.hover {
    background-color: #e7f4ef;
}
.hovered {
    background-color: #ff7429;
}
#rectangle {
    border-radius:6px;
    margin: 0 auto;
    width: 200px;
    height: 50px;
}
#halfCircleBottom {
    margin: 0 auto;
    height:45px;
    width:90px;
    border-radius: 0 0 90px 90px;
    -moz-border-radius: 0 0 90px 90px;
    -webkit-border-radius: 0 0 90px 90px;
}

JavaScript

$(document).ready(function () {
    $('.hover').hover(function () {
        $('.hover').toggleClass('hovered');
    });
})