add icon with after css and background URL
Hello everyone
I'm trying to add an after in the css after the buy button, with an icon, I'm not getting it, could you help me, please?
I'm using this code below and I would like it to look like the image
.product-form__cart-submit::after {
content: 'Compra segura';
background: url(data:image/svg+xml,%3Csvg fill='%2308922d' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 428.16 428.16'%3E%3Cpath d='M393.8,115.208c-0.512-11.264-0.512-22.016-0.512-32.768c0-8.704-6.656-15.36-15.36-15.36 c-64,0-112.64-18.432-153.088-57.856c-6.144-5.632-15.36-5.632-21.504,0C162.888,43.648,114.248,62.08,50.248,62.08 c-8.704,0-15.36,6.656-15.36,15.36c0,10.752,0,21.504-0.512,32.768c-2.048,107.52-5.12,254.976,174.592,316.928l5.12,1.024 l5.12-1.024C398.408,365.184,395.848,218.24,393.8,110.208z M201.8,259.2c-3.072,2.56-6.656,4.096-10.752,4.096h-0.512 c-4.096,0-8.192-2.048-10.752-5.12l-47.616-52.736l23.04-20.48l37.376,41.472l82.944-78.848l20.992,22.528L201.8,259.2z'/%3E%3C/svg%3E) no-repeat left center;
background-size: 14px;
padding-left: 23px;
white-space: nowrap;
color: #08922d;
position: absolute;
line-height: 16px;
font-weight: 400;
text-transform: none;
font-size: 12px;
transform: translateX(-50%);
margin-top: 42px;
margin-left: -31px;
}
it is like this
My store: findworld.com.br
Password: edit321
Thanks.
