Button CSS/LESS emojis disappear in xf:button with gradient on hover tag

[Ferdinand]

Hi, I am having an issue when I set a button to have a hover gradient with an emoji with the text in the button tag. The emoji disappears after the hover has applied. I think I am just missing an !important; tag somewhere.

Does anyone know if there is a solution to this. You can test on our live site atomicacademia.com or the code is below:

// ############################ BUTTONS #################

.button,
a.button // needed for specificity over a:link
{
.m-buttonBase();

a
{...

Read more

Continue reading...