Transparent Buttons in Menus do not work as expected

[nicolepaschen]

In the body, buttons markup is like this: a class="button-primary btn btn-transparent btn-border btn-border-color-1" href="contact-us">CONTACT US

But in the menu, it's like this:
li id="menu-item-129" class="button-primary menu-item menu-item-type-post_type menu-item-object-page menu-item-129 color3-border-color hvr-underline-reveal btn btn-transparent btn-border btn-border-color-1">About Us

The button class is added to the LI, not to the A

[nicolepaschen]

in the editor transparent buttons are not transparent

[nicolepaschen]

the text seems too far down in the button when it's in the menu. Also should it use the menu font? I can't remember ....

[nicolepaschen]

The 2nd Home is a transparent button.

Looks like that's because the menu item font size is 16px and the button font size is 14px. I guess the button font-size isn't excluding menu-items like it should