How to do CSS :hover function in JSX ? : <p>Hi and thanks for the great job here. I am using react.js for my project to build my components and I feel a little bit stuck in my project right now. I am trying to style a button with a hover function and I don't know how to apply this to react.</p>

<p>Here is the code : </p>

<pre><code>let button = {
    backgroundColor: colorPalette.white,
    border: "1px solid rgb(12,106,145)",
    color: colorPalette.brandCol1,
    textAlign: 'center',
    textDecoration: 'none',
    fontSize : 'inherit',
    fontWeight : 600,
    padding : "5px 8px 5px 8px"
}
</code></pre>

<p>and I would like to add a hover style to it just like we do in css with </p>

<pre><code>button:hover {
style here.......
}
</code></pre>

<p>What is the correct syntax ?  </p>
