Svelte Global classes

<script>
let class_name = '';
export { class_name as class };
</script>

<button class="c-btn {class_name}">
  <slot />
</button>

I think there’s a way to get the best of both worlds.

- :global(.custom-icon) {
   border: solid 2px red;
}

This will output a CSS like this:

.svelte-5z4ccp .custom-icon {
   border: solid 2px red;
}