a) Buttons do not align
c) Does not show on embed
This is because you have both width and height scale turned on. Turn these off. Height scale needs a height dimension from it’s containing or parent div (element) in order for it to show when embedded inside another div (element). (There are a few posts on this in the forum)
b) There is an overlap
If you add these functions to both the on Mouse over and on Mouse out to each element then you should be good to go
on Mouse Over
startIndex = hypeDocument.getElementProperty(element, 'z-index')
hypeDocument.setElementProperty(element, 'z-index', 100)
and on Mouse Out
hypeDocument.setElementProperty(element, 'z-index', startIndex)
P.S if you put this in the Head HTML of your document (or the stylesheet that you use within Wordpress) then you’ll get some nice animated effects on the hover and transforms.
transition: tranform .6s;
this means that would have to give all your “buttons” a class of
'btn' for it to be applied. You can do this by selecting them all and adding it in the inspector.