How to customize the buttons? I see only a few colour options, is there a way to add more colours (also on hoovering)?
How to have buttons with different text, have still the same size?

Thanks!

Sure you can overwrite one of the existing button classes with your Own colors.
For example for the blue button you can set your own colors in your Child theme or your Theme options->Custom CSS:

input.btn_blue, a.btn_blue, .btn_blue{
	background-color: purple;
}
input.btn_blue:hover, a.btn_blue:hover, .btn_blue:hover {
	background-color: green !important;
}
input.btn_blue.btn_outline, a.btn_blue.btn_outline, .btn_blue.btn_outline{
	color: purple!important;
	border: 2px solid purple;
	background: transparent;
}
input.btn_blue.btn_outline:hover, a.btn_blue.btn_outline:hover, .btn_blue.btn_outline:hover {
	background-color: purple !important;
	color: #fff !important;
}

.button + .button {
    margin-left: 12px;
}

This basically adds a left margin to every button that has another button in front of it.
You can add a custom class to this column and switch that rule off in your Theme options -> Custom CSS:

.no_btn_margins .button + .button {
    margin-left: 12px;
}

and then add the “no_btn_margins” class to the column that holds these buttons.

.no_btn_margins .button + .button {
    margin-left: 0;
}

.button {
width: 200px;
}