JSFiddle - React, Tailwind, and code Playground

HTML

<br>
<hr>
<div id="box">
  <div class="square">
  1
  </div>
  <div class="circle">
  2
  </div>
</div>

CSS

#box .square {
	border-radius: 16px;
	width: 32px; height: 32px; 
	background-color: limegreen;
	position: absolute;
	top: 15px;
	left: 15px;
	cursor: pointer;
}

#box .circle {
	width: 32px; height: 32px;
	background-color: pink;
	position: absolute;
}

#box {
	position: absolute; 
}