JSFiddle - React, Tailwind, and code Playground

by Alex Yu

HTML

<div class="circle"></div>

CSS

.circle { 
position: absolute;
background: palevioletred;
z-index: -1;
border-radius: 26px;
width: 14px;
height: 15px;
margin-left: 6px;
margin-top: 6px;
    
}

.circle:before{
    content:'';
    position:absolute;
    margin-left:4px;
    top:-4px;
    width:0;
    height:0;
    border-bottom:5px solid palevioletred;
    border-left:3px solid transparent;
    border-right:3px solid transparent;
    display:inline-block;
    
}