How to get rid of outline around button when focused in jsx element

Question

Would like to get rid of the blue outline that appears around button when focused.

this is being rendered as jsx element. I've tried the following

<Button      
outline= 'none'>
{content}
</Button 

also tried inline styling

style={{ outline: 'none'}}

Answer 1

With inline style it was setting bowShadow = 'none' that resolved this.

<Button style= {{boxShadow='none'}}>