JSFiddle - React, Tailwind, and code Playground

HTML

<div class="example1">
  <p>70%</p>
</div>

CSS

body {background:grey}

div {background:black;
height:60px;
width:60px;
-moz-border-radius:64px;
-webkit-border-radius:64px;
padding:32px;
text-align:center;
color:white;background:#f656ac;
 
    border:4px solid white;-webkit-box-shadow: 0 0 1px rgb(0,0,0);
-moz-box-shadow: 0 0 1px rgb(255,0,0);
box-shadow: 0 0 1px rgb(255,0,0);font-size:44px; font-weight:bold;text-shadow: 0px 2px 2px #1F1F1F;
    -webkit-transform: rotate(-19deg);

-moz-transform: scale(0) rotate(-19deg);

-ms-transform: scale(0) rotate(-19deg);

transform: scale(0) rotate(-19deg);