Kann mir jemand helfen, herauszufinden, wie man diese Schaltfläche nur mit HTML und CSS erstellt?

Question

Kann mir jemand helfen, herauszufinden, wie man diese Schaltfläche nur mit HTML und CSS erstellt? Habe etwas mit Afters und border-radious versucht, aber ohne Erfolg. Danke im Voraus!

.button { 
 
    border-top-left-radius: 30px 74px; 
 
    border-top-right-radius: 20px 11rem; 
 
    border-bottom-left-radius: 75px 23px; 
 
    border-bottom-right-radius: 20px 215px; 
 
    background-color: rgb(28, 24, 59); 
 
    color: rgb(255, 255, 255); 
 
    font-weight: 700; 
 
    text-transform: uppercase; 
 
    position: relative; 
 
    display: inline-block; 
 
    padding: 1rem 2rem; 
 
    line-height:2; 
 
    text-decoration:none; 
 
    font-family:'Helvetica Neue' 
 
} 
 
.button:after{ 
 
    background: #1c183b; 
 
    content: ""; 
 
    height: 48px; 
 
    margin-top: -1.5em; 
 
    position: absolute; 
 
    right: -1.3em; 
 
    top: 50%; 
 
    width: 48px; 
 
    z-index: -1; 
 
    transform: rotate(45deg); 
 
    border-radius: .4em; 
 
    -webkit-transition: .3s all ease-in-out; 
 
    -moz-transition: .3s all ease-in-out; 
 
    -ms-transition: .3s all ease-in-out; 
 
    -o-transition: .3s all ease-in-out; 
 
    transition: .3s all ease-in-out; 
 

 
}

<a href="#" class="button">Shitty button</a>

Answer 1

bereits.

.mybtn{ 
 
\t background:#25214C; 
 
\t color:#FFF; 
 
\t border-radius:5px 25px 25px 5px; 
 
\t padding:15px; 
 
    border-top:none; 
 
    border-left:none; 
 
    border-right:none; 
 
\t border-bottom:5px solid #CCC; 
 
}

<button type="button" class="mybtn">More Information</button>