Button Bug

[martujv]

Hi!

Some kind of bug makes my button have “straight edges” instead of “rounded edges”. Only when I hover over the button it turns to “rounded edges”. It should have “rounded edges” all the time.

See video below:

I cleared my cache and tried different browsers but the bug still appears across all of them.

This problem appears in my email signup pop-up.

My website is https://s77yum7yz2p5ljhd-60150284501.shopifypreview.com and my theme is Stiletto.

I would really appreciate some help, this bug is driving me crazy!

[TheScriptFlow]

Do you need more help regarding this. because I found that it’s fixed now.

[martujv]

Hey, to me, it still appears in the wrong way, I would appreciate some help!

[Huptech-Web]

Hello @martujv

The button hover effect comes from the ::before and ::after elements.
To ensure the button maintains rounded corners, add overflow: hidden; to the button.

[martujv]

Hey! I don’t have that much knowledge of coding, so what code should I add and where do I find the exact line? Is it in theme.css? And which line exactly? Thanks!