CSS Question: how to style html.A as a button?

Dash Python
14

The closest I have been able to get on my own research, is the following to get html.A to look like html.Button:

html.A(children='Save Button', 
        id='table_download_link',                                
        download='raw_tweet_data.csv',
        href="",
        target="_blank",
        style={ '-webkit-appearance': 'button', '-moz-appearance': 'button',
                'appearance': 'button', 'text-decoration': 'none', 'cursor': 'default',
                'color': 'initial'})

The only remaining problems(for future development!) is that the text in the button can be out of place, and I’m not sure how to change its font/size.

For now, I think I’ll settle for

html.A(html.Button(children='Save to CSV', id='table_download_button'),
       id='table_download_link', download="raw_tweet_data.csv", href="", target="_blank"),

, as it at least produces a minimal, no complications, no-frills button.

Thanks for all the help so far, guys!