Adding related products in the store

Hey guys, 

I have been trying to change the shape of the animation when you hover over a button for the related products in my store. Is there any way to change the shape?

Image related: It should be a circle, not a square. 

Can you share link to this product? We can check problem easier

Here you go: https://www.efesto.one/shop/p/elephanti
Thank you very much!

Hey, with this command I have run into a new issue. Maybe anyone could help me, please. 

The hover animation for the "+" is perfect now but the command had an impact on the "add to shopping cart" button hover animation (See attached image). Is there a way to separate them? 

Here the website: https://www.efesto.one/shop/p/colubris-t-shirt

Thank you in advance!

On 4/12/2024 at 12:03 AM, Efestoone said:

Hey, with this command I have run into a new issue. Maybe anyone could help me, please. 

The hover animation for the "+" is perfect now but the command had an impact on the "add to shopping cart" button hover animation (See attached image). Is there a way to separate them? 

Here the website: https://www.efesto.one/shop/p/colubris-t-shirt

 

Thank you in advance!

Remove code I sent & use this new code

section[class*="add-ons"] div.sqs-add-to-cart-button:hover, section[class*="add-ons"] div.sqs-add-to-cart-button:before {
    border-radius: 50% !important;
}