Minifying a Custom Element That Contains Inline CSS and HTML

I’ve created a ShareButton web component, it’s not great, but I like it and I’ve learned a lot about the Web Component ecosystem whilst I was creating it.
My main goal with this project was to encapsulate everything inside a single ES6 Class. I did this because I didn’t want any non-developer controlled web request emanating from my element. I think I achieved this, but it came at the expense of some readability of the code because I had to inline the HTML and CSS that define the element.