JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">
    <div id="b"/>
    <div id="c"/>
    <div id="d"/>
    </div>

CSS

#a{
    width:100px;
    height:100px;
    border-radius:50px;
    border: 1px solid black; 
    }
    #b{
    position: absolute;
    top:30px;
    left:30px;
    width:20px;
    height:20px;
    border-radius:10px;
    border: 1px solid black;
    }
    #c{
    position: absolute;
    top:0px;
    left:40px;
    width:20px;
    height:20px;
    border-radius:10px;
    border: 1px solid black;
    }#d{
    position: absolute;
    top:30px;
    left:-30px;
    width:40px;
    height:20px;
    border-radius:10px;
    border: 1px solid black;
    }