HTML embed overriding design

Design help Custom code
1

I’ve created a button for an HTML embed code (calendly widget). The code seems to be overriding my design. The button should be left-aligned with white text, but once the code is inserted it becomes centered with black text.

Any idea how to fix this?

Screen Shot 2020-12-29 at 11.26.19 AM

Screenshot shows how the button should look with the actual HTML embed button below.

Here is my site Read-Only: https://preview.webflow.com/preview/ravience?utm_medium=preview_link&utm_source=designer&utm_content=ravience&preview=c10586d9b1b9426c832135195e37aa70&pageId=5fe0fcd6738a4e19f5bb05e4&mode=preview

2

Your base stylesheet is styling links with a { color: #202532; text-decoration: none; } So you need to have a more specific CSS rule. A link is different than the text in a DIV.

3

Thank you, it’s fixed!