JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="button1"></div>
    <div class="button2"></div>
</div>

CSS

.button1 { position:absolute; left:10px; top:10%; width:10%; height:10%; background:red; }

.button2 { position:absolute; left:10px; top:25%; width:10%; height:10%; background:blue; }

.container:hover > div { background:green; }