css实现倾斜按钮（radial-gradient）

div{

        text-align: center;

      }

      button{

        width: 500px;

        height: 300px;

        margin: 30px auto 0 auto;

        background-color: black;

        color: #FFF;

        font-size: 32px;

        border-radius: 50px 0;

        position: relative;

        border: none;

        transform: skew(-30deg);

        /* font-style: normal; */

        font-style: unset;

      }

      button_div{

        font-style: normal;

      }

      button::before{

        content: '';

        position: absolute;

        width: 50px;

        height: 50px;

        background: radial-gradient(circle at 0 0, transparent, transparent 50px, black 50px);

        left: -50px;

        bottom: 0;

      }

      button::after{

        content: '';

        position: absolute;

        width: 50px;

        height: 50px;

        background: radial-gradient(circle at 100% 100%, transparent, transparent 50px, black 50px);

        right: -50px;

        top: 0px;

      }