title: How to customize the look & feel of the google classroom share button
body: <p>Currently, it appears like a square with no text beside, we want to customize the look &amp; feel without disturbing the icon of course to match our other buttons.</p>
  
  <p>Already tried adding styles to the <code>div</code> which is converted to the share icon, but unsuccessful so far.</p>
  
  <pre><code>&lt;div id='widget-div' class='btn btn-blue'&gt;Google Classroom&lt;/div&gt;
  </code></pre>
  
  <p>The above line renders as below : </p>
  
  <p><a href="https://i.stack.imgur.com/zmfuV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zmfuV.png" alt="enter image description here"></a></p>
  
  <p>Any idea how to proceed further or which direction to look into ?</p>