I need to achieve this result:
My current result is this:
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;
}