This CSS rule appears to be the culprit, in one of your site's CSS files at /wp-content/uploads/ultimatum/template_2.css:
img {
vertical-align: middle;
}
The misalignment is happening because that rule is telling browsers to align IMG elements with the middle of any text that could appear left/right of the image, but INPUT elements (like our Add to Cart button for items using Variations/Variants) still have the default alignment with the baseline of surrounding text. This page explains more about the vertical-align property in CSS:
https://css-tricks.com/what-is-vertical-align/
There's a few ways you could resolve this, depending on how it may affect other aspects of your site layout. One way is to delete that rule, or just comment it out to disable it like so:
/* img {
vertical-align: middle;
} */
Another way is to apply the rule to all INPUT elements (as well as IMG elements), like so:
img, input {
vertical-align: middle;
}
Another way is to apply the rule just to E-junkie Add to Cart INPUT elements (as well as IMG elements), like so:
img, input.ec_ejc_thkbx {
vertical-align: middle;
}
Finally, yet another way is to add a style attribute with that CSS declaration in the Add to Cart button tag itself, like so:
<input src="https://www.e-junkie.com/ej/ejadd_to_cart.gif" alt="Add to Cart" class="ec_ejc_thkbx" onclick="return EJEJC_lc(this.parentNode);" border="0" type="image" style="vertical-align: middle;">
