创建一个删除了角的矩形+ CSS中的笔画

Question

是否有可能在CSS中创建一个角落切掉但仍包含笔划的形状？根据内容的不同，这种形状的宽度是动态的。

我尝试使用剪辑路径，但无法使用CSS中的笔划重新创建此内容。

https://codepen.io/anon/pen/WypeBK

HTML：

<div id="shape"></div>

CSS：

#shape {
  width: 300px;
  height: 60px;
  background: #aaa;
  border: 2px solid #000;
  left: 50%;
  position: relative;
  top: 20px;
  clip-path: polygon(0 80%, 5% 100%, 100% 100%, 100% 20%, 95% 0, 0% 0%);
}