JSFiddle - React, Tailwind, and code Playground

HTML

<span class="dashed-circle">1</span>

CSS

.dashed-circle {
    border: 5px dashed #bdbebf;   /* #a3a4a5 */
    /* border: 2.5px dashed #a3a4a5; */
    height:1.3em;
    width: 1.3em;
    border-radius: 75px;
    -moz-border-radius:75px;
    -khtml-border-radius: 75px;
    -webkit-border-radius:75px;    
    display:block;
    float:left;
    letter-spacing: 3px;
}