How can I remove the gray box behind the button text when using an embed element with the same class as my other buttons in Webflow?

To remove the gray box behind the button text when using an embed element with the same class as your other buttons in Webflow, you can follow these steps:

1. Select the embed element that contains the button.
2. In the Style panel, navigate to the Background section.
3. Click on the Background dropdown and select the option to set the background color to "None". This will remove any background color from the button.
4. If you still see a gray box behind the button text, it is likely that the gray background is coming from a different element or a default style applied to buttons in your project. To override this, you can follow these additional steps:

• Select the button element or the button class in Webflow.
• In the Style panel, navigate to the Background section.
• Set the background color to "None" or any other color of your choice.
• If the background color is still not changing, you might want to check if there are any conflicting styles or parent elements that are affecting the button.

By following these steps, you should be able to remove the gray box behind the button text when using an embed element with the same class as your other buttons in Webflow.

Additional questions:

1. How do I change the color of the button text in Webflow?
2. Can I create custom animations for buttons in Webflow?
3. How do I add hover effects to buttons in Webflow?