Adding custom css to addthis buttons?
<p>I have used an <code>addthis</code> buttons in various parts of my website and I want to add custom CSS to them. How can I do that?</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a role="button" tabindex="1" class="at-icon-wrapper at-share-btn at-svc-email" style="border-radius: 2px; background-color: rgb(132, 132, 132);"&gt;
  &lt;span class="at4-visually-hidden"&gt;Share to Email&lt;/span&gt;
  &lt;span class="at-icon-wrapper" style="line-height: 32px; height: 32px; width: 32px;"&gt;
    &lt;svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" class="at-icon at-icon-email" style="fill: rgb(255, 255, 255); width: 32px; height: 32px;"&gt;
      &lt;g&gt;
        &lt;g fill-rule="evenodd"&gt;&lt;/g&gt;
        &lt;path d="M27 22.757c0 1.24-.988 2.243-2.19 2.243H7.19C5.98 25 5 23.994 5 22.757V13.67c0-.556.39-.773.855-.496l8.78 5.238c.782.467 1.95.467 2.73 0l8.78-5.238c.472-.28.855-.063.855.495v9.087z"&gt;&lt;/path&gt;
        &lt;path d="M27 9.243C27 8.006 26.02 7 24.81 7H7.19C5.988 7 5 8.004 5 9.243v.465c0 .554.385 1.232.857 1.514l9.61 5.733c.267.16.8.16 1.067 0l9.61-5.733c.473-.283.856-.96.856-1.514v-.465z"&gt;&lt;/path&gt;
      &lt;/g&gt;
    &lt;/svg&gt;
  &lt;/span&gt;
&lt;/a&gt;</code></pre>
</div>
</div>
</p>

<p>This is how a single button appears in the console but I cannot simply take the class name from here and add CSS to it as it will affect other buttons also as they might have the same class name.</p>