JSFiddle - React, Tailwind, and code Playground

HTML

<div id="circle"><h1>
69
</h1>
</div>

CSS

#circle {
      width: 100px;
      height: 100px;
      background-image: linear-gradient(to right, rgb(38, 165, 166) 0%, rgb(124, 26, 94) 100%);
      border-radius: 50%;
      text-align: center;
    }