Article preview component made in HTML5, SCSS and JS (DOM API)

The challenge was to use a little bit of JS, but I decided to test my DOM API knowledge with this challenge. For this reason, the entire share container (with the share options) is dynamically created with JS.

There where two problems I faced:

1. This was fixing the problems that occured with registering the event listeners (because they where in conflict with each other, and I could not locate where the problem arose. I haven't really been debugging before, so this was the first time).
2. I could not find out how I could change the color of the share-icon.svg as shown in the design. As a consequence, I decided to create a share-icon-active.svg instead. I have tried filters and masks, but could not find a solution to it.

Feedback is always welcome, especially on the JS part, specifically how I attached the event listeners, because I have the feeling that this could be done better.