只用css画一个按钮

Question

只用css，如何实现下面这个按钮？

Answer 1

.c{
          margin-left: 100px;
          position: relative;
          width: 30px;
          height: 35px;
          color: #787878;
          box-sizing: border-box;
          border-top: 1px solid;
          border-right: 1px solid;
          border-bottom: 1px solid;
          border-radius: 4px;
        }
         .c::after,.c:before{
           content: '';
           position: absolute;
           top: 15px;
           left: 3px;
           width: 20px;
           height: 2px;
           border-radius: 2px;
           background: #787878;
         }
         .c::after{
           transform: rotate(45deg);
         }
         .c:before{
           transform: rotate(-45deg);
         }
        .t{
          position: absolute;
          left: -10px;
          top: 5.2px;
          width: 23.0489px;
          height: 22.7777px;
          box-sizing: border-box;
          color: #787878;
          border-left: 1px solid;
      border-bottom: 1px solid;
      border-radius: 2px;
          transform: rotate(49deg) skewX(8.7479deg);
        }

<div class="c">
    <div class="t"></div>
</div>

Answer 2

提供思路：可以由三角形和矩形合成，中间的×可以用定位，before和after就可以完成