28/07/2025

<div class="cir out">
  <div class="cir in">
    <div class="bar"></div>
  </div>
</div>
<style>
  /* div {outline: 1px solid red;} */
  body, .cir {
    display: grid;
    place-content: center;
  }
  body {
    height: 100%;
    margin: 0;
    background: #EBE77E;
  }
  .cir {
    border-radius: 100%;
    border: 1.3rem solid #7E6293;
  }
  .out {width: 8.75rem; height: 8.75rem;}
  .in {width: 3.75rem; height: 3.75rem;}
  .bar {
    width: 1.25rem;
    height: 3.75rem;
    background: #7E6293;
    transform: translateY(-1.9rem);
  }
</style>