html – Stylishing a background of an icon in a button

I need to achieve this result:

inserir a descrição da imagem aqui

My current result is this:

inserir a descrição da imagem aqui

How can I add the triangle shape on the right side of the green background?

Button in HTML

<button>
    <img src="assets/icons/map.svg"> Ver no mapa
</button>

Button CSS

button{
    background: linear-gradient(90deg, #3D756C 26%, #FFFFFF 26%);
    border: 2px solid #3D756C;
    border-radius: 10px;
    text-transform: uppercase;
    color: #3D756C;
    font-family: Montserrat-SemiBold;
    width: 200px;
    padding-top: 5px;
}

button img{
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(13deg) brightness(120%) contrast(115%) !important;
    margin-left: -15px;
    margin-right: 5px;
}