JSFiddle - React, Tailwind, and code Playground

HTML

<div class='circle'>
    <div class='inner'></div>
    <span>+</span>
</div>

CSS

.circle{

float: left;
position: relative;
width: 120px;
height: 120px;
border-radius: 50%;
border: 2px solid #DDD;
}

.inner{
float: left;
position: relative;
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #DDD;
}