平滑圓角的箭頭按鈕

我想要創建一個'下一個按鈕'，其中右上角是一個箭頭，並且角落圓滑平滑。平滑圓角的箭頭按鈕

我該如何創建一個箭頭按鈕，並帶有如圖所示的光滑圓角（以及所有這些效果）？

enter image description here

這是我嘗試（JSFiddle）：

.arrow_btn { 
    position: relative; 
    background: #fa963e; 
    border: 3px solid #f5a742; 
    border-radius: 5px; 
} 
.arrow_btn:after{ 
    left: 100%; 
    top: 50%; 
    border: solid transparent; 
    content: ""; 
    height: 0; 
    width: 0; 
    position: absolute; 
    border-radius: 5px;  
} 
.arrow_btn:after { 
    border-color: rgba(250, 150, 62, 0); 
    border-left-color: #fa963e; 
    border-width: 14px; 
    margin-top: -14px; 
    border-radius: 5px;  
}

它看起來像這樣：

enter image description here