I have html button. But I want to cut button corner using CSS

My html:

```
<div class="subscribe-button">
    <input type="submit" value="Submit">
</div>

```

My css:

```
.subscribe-button input{
    color: #fff;
    background-color: #6ab8c9;
    padding: 10px 45px 0;
}

```

But how to cut corner?

I want to get this:

[![enter image description here](https://i.stack.imgur.com/RgmA8.png)](https://i.stack.imgur.com/RgmA8.png)