JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<link rel="stylesheet" href="http://codyhouse.co/demo/points-of-interest/css/reset.css">
<div class="wrap">
    <div class="in">+465465465465465qsqsdq6546546</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:#D95353;
    border-radius:50%;
    z-index:-1;
}