title: Angular fa-icon change color on hover
body: <p>How would i go about changing style on an fa-icon while hovering over it?
  I've tried to add a css class as per the documentation:</p>
  <pre><code>&lt;fa-icon [icon]=&quot;['fas', 'star']&quot; [classes]=&quot;['hover-tab-icon']&quot; &gt;&lt;/fa-icon&gt;
  
  .hover-tab-icon{
      :hover{
          color: green;
      }
  }
  </code></pre>
  <p>but none of the changes apply.</p>