Hi there,
Please add following code in Customize -> Custom -> Global CSS :
.woocommerce li.product .entry-header .button {
opacity: 1;
}
.woocommerce li.product .entry-header .button {
position: relative;
top: 0;
margin: 15px 0 0 0;
}
In regards with adding custom button, regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.
Hope it helps.