JSFiddle - React, Tailwind, and code Playground

HTML

<div class='parent'>
  <div class='borader1'>
  <div class='borader2'>
    baba
  </div>  
  </div>
</div>

CSS

.parent {
  height: 100px;
  width: 100px;
  background: green;
}


.borader1 {
  border: 2px solid black;
  border-radius: 16px;
  height: 98px;
  width: 98px;
}

.borader2 {
  border: 2px solid black;
  position: relative;
  height: 98px;
  width: 98px;
  top: -2px;
  left: -2px;
}