JSFiddle - React, Tailwind, and code Playground

HTML

<div  class="cutout"></div>

CSS

body {
    padding: 50px;
}


.cutout {
    height: 88px;
    width: 88px;
    
    /* the inverse circle "cut" */
    background-image: -webkit-radial-gradient(0px 45px, circle closest-corner, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 13px, gray 14px);
}