JSFiddle - React, Tailwind, and code Playground
by Teuta Koraqi
HTML
<div style="position: absolute;top: 312px;left: 602.5px;border-radius: 3px;">
<div class="round-star-label" style="
border-radius: 6px;
"></div>
</div>
CSS
.round-star-label {
border-radius: 6px;
display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
width: 80px;
height: 80px;
position: relative;
content: ;
cursor: default;
opacity: 1;
top: auto;
right: auto;
bottom: auto;
left: auto;
margin: 0;
padding: 0;
overflow: visible;
outline: none;
border: 0 solid rgba(0,0,0,1);
-webkit-border-radius: 0;
border-radius: 0;
font: normal normal normal 100%/normal Arial, Helvetica, sans-serif;
color: rgba(0,0,0,1);
text-decoration: none;
text-align: center;
text-transform: none;
text-indent: 0;
-o-text-overflow: clip;
text-overflow: clip;
letter-spacing: 0;
white-space: normal;
word-spacing: 0;
word-wrap: ;
background: #1abc9c;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
transform: scaleX(1) scaleY(1) scaleZ(1);
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}
.round-star-label:before {
display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
width: 80px;
height: 80px;
position: absolute;
content: "";
cursor: default;
opacity: 1;
top: 0;
right: auto;
bottom: auto;
left: 0;
margin: 0;
padding: 0;
overflow: visible;
outline: none;
border: 0 solid rgba(0,0,0,1);
-webkit-border-radius: 0;
border-radius: 0;
font: normal normal normal 100%/normal Arial, Helvetica, sans-serif;
color: rgba(0,0,0,1);
text-decoration: none;
text-align: left;
text-transform: none;
text-indent: 0;
-o-text-overflow: clip;
...