JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
  position:relative;
  width : 20px;
  height : 20px;
  margin : 0 auto;
  border-radius: 50%;
  background:blue;
  content:"";
}
div:before {
  position :absolute;
  top: 50%;
	margin-top: -15.5px;
	left: 50%;
	margin-left: -15.5px;
	width: 30px;
	height: 30px;
	border: 1px solid red;
  border-radius: 50%;
	background-color: transparent;
	content: "";
}