JSFiddle - React, Tailwind, and code Playground

HTML

<div>
</div>

CSS

div
    {
      width: 100px;
      height: 100px;
      margin: 100px auto;
      border-radius: 50%;
      background: radial-gradient(circle farthest-side at center, #ffb60f 49%, #f9eec7 50%, #f9eec7 98%, red 100%) content-box;
    }