JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://codyhouse.co/demo/points-of-interest/css/reset.css">
<div class="wrap">
    <div class="in">100000000000<br>200</div>
</div>

CSS

.wrap{
    color: #fff;
    position:relative;
    display:inline-block;
}
.in{
    padding:60% 10%;
    margin-top:-0.6em;
}
.in:after{
    content:'';
    position:absolute;
    top:0; left:0;
    width:120%;
    padding-bottom:120%;
    background-color:#A0f353;
    border-radius:50%;
    z-index:-1;
}