JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<span class="abuilding_agency">
	 <span class="abuilding_agency-in">
	 	 <span class="properg-optimization-circle-big">
	 	 	 <span class="properg-optimization-circle-small">
	 	 	 	 <span class="fulgsalty-understand">&nbsp;</span>
	 	 	 </span>
	 	 </span>
	 </span>
</span>

CSS

body{
 padding:49px 0 0 0
 }
span.abuilding_agency{
 display:block;
 width:198px;
 height:198px;
 margin:0 auto;
 background:#f7a20f;
 box-shadow:
 1px 1px 0 #b1750e,
 2px 2px 0 #b1750e,
 3px 3px 0 #b1750e,
 4px 4px 0 #b1750e,
 5px 5px 0 #b1750e,
 6px 6px 0 #b1750e;
 -moz-box-shadow:
 1px 1px 0 #b1750e,
 2px 2px 0 #b1750e,
 3px 3px 0 #b1750e,
 4px 4px 0 #b1750e,
 5px 5px 0 #b1750e,
 6px 6px 0 #b1750e;
 -webkit-box-shadow:
 1px 1px 0 #b1750e,
 2px 2px 0 #b1750e,
 3px 3px 0 #b1750e,
 4px 4px 0 #b1750e,
 5px 5px 0 #b1750e,
 6px 6px 0 #b1750e;
 -moz-border-radius:20px;
 -webkit-border-radius:20px;
 border-radius:20px
 }
span.abuilding_agency *{
 float:right;
 display:block
 }
span.abuilding_agency .abuilding_agency-in {
 border: 4px solid #f9bf5d;
 width: 184px;
 height: 184px;
 margin: 4px 4px 0 0;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 overflow: hidden;
 cursor: pointer;
}
span.abuilding_agency .abuilding_agency-in .properg-optimization-circle-big{
 margin:16px 16px 0 0;
 width:260px;
 height:260px;
 border:30px solid #ffdb9e;
 -moz-border-radius:260px;
 -webkit-border-radius:260px;
 border-radius:260px
 }
span.abuilding_agency .abuilding_agency-in .properg-optimization-circle-big .properg-optimization-circle-small{
 margin:16px 16px 0 0;
 width:176px;
 height:176px;
 border:26px solid #ffdb9e;
 -moz-border-radius:176px;
 -webkit-border-radius:176px;
 border-radius:176px
 }
span.abuilding_agency .abuilding_agency-in .properg-optimization-circle-big .properg-optimization-circle-small .fulgsalty-understand{
 margin:24px 24px 0 0;
 background:#ffdb9e;
 width:70px;
 height:70px;
 -moz-border-radius:70px;
 -webkit-border-radius:70px;
 border-radius:70px
 }
span.abuilding_agency:hover{
 background:#07C103;
 box-shadow:
 1px 1px 0 #1c8c1a,
 2px 2px 0 #1c8c1a,
 3px 3px 0 #1c8c1a,
 4px 4px 0 #1c8c1a,
 5px 5px 0 #1c8c1a,
 6px 6px 0 #1c8c1a;
 -moz-box-shadow:
 1px 1px 0 #1c8c1a,
 2px 2px 0 #1c8c1a,
 3px 3px 0 #1c8c1a,
 4px 4px 0...