circles/nth-type

by Miklos Nagy

HTML

<div class="elementor-widget-container">
  <div class="numeros"> 1 </div>
</div>

<div class="elementor-widget-container">
  <div class="numeros"> 1 </div>
</div>

<div class="elementor-widget-container">
  <div class="numeros"> 1 </div>
</div>

CSS

.numeros {
    width: 72px;
    height: 72px;
    border-radius: 90px;
    margin: 10px auto;
    text-align: center;
    padding: 13px;
    content: " ";
    font-size: 2rem;
    background:#ff5722;
}

.numeros:nth-of-type(1) {
 background:#aaa;
}