Flexbox Button: Works in Chrome and Edge, broken in FF

Question

I've a Button which uses Flexbox inside for Layout. This works perfectly in Chrome and Edge.

In Firefox it looks like this:

Answer 1

In some broswers rather than using things like: display: flex; you need to use: display: -webkit-flex;

There are other workarounds which you can get from Google but I use css-tricks for specific areas I am unsure on.

I had this exact issue some time ago, webkit extensions will work fine. You can add it above, below display: flex; and it won't conflict.

UPDATED: For firefox try adding: display: -moz-box;