Popup CSS looks wrong on my site

The popup renders directly into your page DOM (not a Shadow DOM yet — that's on the roadmap). Most of the time this is fine. Occasionally a host site's CSS specificity is high enough to override popup styles.

How to confirm it's a CSS bleed

1. Open the popup on your site and inspect the affected element in DevTools.
2. In the Styles panel, look at the cascade — if your site's CSS is winning, you'll see our styles crossed out and theirs in green.
3. If our styles are 'computed' correctly but the popup still looks wrong, it's a different bug — email support.

Fixing it

In the variant's Custom CSS field, write rules with higher specificity targeting the affected elements. Example:

.popthelead-popup .popthelead-button {
  background-color: #E8553A !important;
  color: white !important;
}