如何只使用HTML & ampCSS？

我想知道怎么會有人能在這張圖片的左上角和右下角畫出這樣的頂點。

如何只使用HTML、CSS和TAILWIND CSS為這個按鈕設計編碼？

使用方框陰影: 比如:

#demo {
box-shadow: -7px 7px 0px 0px black;
background:gray;
  width:300px;
  margin-left:10px;
  margin-top:10px;
  color:white;
}

<div id="demo">Edit this text</div>