add icon with after css and background URL

FindWorld
Explorer
145 6 68

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;
}

 

FindWorld_0-1626844257957.png


it is like this

FindWorld_1-1626844279344.png


My store: findworld.com.br
Password: edit321
Thanks.

 

0 Likes