JSFiddle - React, Tailwind, and code Playground
HTML
<div
id="kmw-popup-keys"
style='font-family: "Abyssinica SIL"; font-size: 18.432px; visibility: visible; width: 300px; left: 137px; top: -74.5px;'
>
<div class="kmw-key-square-ex" style="width: 45px; height: 59px;">
<div
class="kmw-key kmw-key-default"
id="popup-default-U_1288"
style="height: 59px; line-height: 59.075px; width: 45px; position: absolute;"
>
<span class="kmw-key-text" style="font-size: 1em;">ኈ</span>
</div>
</div>
<div class="kmw-key-square-ex" style="width: 45px; height: 59px;">
<div
class="kmw-key kmw-key-default"
id="popup-default-U_128D"
style="height: 59px; line-height: 59.075px; width: 45px; position: absolute;"
>
<span class="kmw-key-text" style="font-size: 1em;">ኍ</span>
</div>
</div>
<div class="kmw-key-square-ex" style="width: 45px; height: 59px;">
<div
class="kmw-key kmw-key-default"
id="popup-default-U_128A"
style="height: 59px; line-height: 59.075px; width: 45px; position: absolute;"
>
<span class="kmw-key-text" style="font-size: 1em;">ኊ</span>
</div>
</div>
<div class="kmw-key-square-ex" style="width: 45px; height: 59px;">
<div
class="kmw-key kmw-key-default"
id="popup-default-U_128B"
style="height: 59px; line-height: 59.075px; width: 45px; position: absolute;"
>
<span class="kmw-key-text" style="font-size: 1em;">ኋ</span>
</div>
</div>
<div class="kmw-key-square-ex" style="width: 45px; height: 59px;">
<div
class="kmw-key kmw-key-default"
id="popup-default-U_128C"
style="height: 59px; line-height: 59.075px; width: 45px; position: absolute;"
>
<span class="kmw-key-text" style="font-size: 1em;">ኌ</span>
</div>
</div>
<div class="kmw-key-square-ex" style="width: 45px; height: 59px;">
<div
class="kmw-key kmw-key-default"
id="popup-default-U_1285"
style="height: 59px; line-height: 59.075px; width: 45px; position:...
CSS
div[id*='U_1200']
{ background: #e2f0cb ; color: black ; }