JSFiddle - React, Tailwind, and code Playground

HTML

<div class="circle"></div>

CSS

.circle {
	background:#000;
	color:#FFF !important;
	text-align:center;
	-moz-border-radius:75px;
	-webkit-border-radius:75px;
	border-radius:75px;
	width:100px;
	height:100px;
	border:5px SOLID RED;
}

.circle:after {
	background:green;
	-moz-border-radius:75px;
	-webkit-border-radius:75px;
	border-radius:75px;
	width:120px;
	height:120px;
	margin-left:20px;
	margin-top:20px;
}