Custom code component CSS affects entire page instead of its own block

Hi
You can structure the custom code component like this:

<div {{ attributes }} class="mycode">
  <div>
    <button>{{ cta }}</button>
  </div>
</div>

must target elements within the component using the wrapper class. This way, the styles won’t bleed into the rest of the page.
Something like this in the screenshot