JSFiddle - React, Tailwind, and code Playground

by dumptyd

HTML

<div class="ca ca-accessibility"></div>

SCSS

$icon-size-md: 3em;

.ca {
  height: $icon-size-md; width: $icon-size-md;
  background-color: #ddd;
  position: relative;

  &.ca-accessibility {
    &:after {
      content: '';
      position: absolute;
      border-radius: 50%;
      height: 35%; width: 35%;
      border: 0.3em solid #000;
      bottom: 0; left: 0;
    }  
  }
}