Hello,
I have styled all my buttons but they also style the hamburger icon on mobile.
How to exclude hamburger icon from my button styling?
Here is the screenshot to show you : https://tinyurl.com/y57aubmf
Here is the code I’ve used:
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.button:visited,
a.wp-block-button__link:not(.has-background) {
background-color: #f56f46;
color: #ffffff;
background-image: linear-gradient(180deg , rgba(245, 111, 70, 0.1), rgba(207, 46, 46, 0.3));
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
padding: 14px 24px;
border-radius: 50px;
}
Thank you so much for your help.