JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blue matted circle shadow">?</div>

SCSS

.blue {
 @extend .text-white;
  background: royalblue;
}

.circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  font-size: 40px;
}

.matted {
  border: 4px solid white;
}

.shadow {
  box-shadow: 0 1px 4px 1px rgba(black, 0.25);
}