I use this all the time in my Divi websites. Divi allows you to insert a single button with the in-built modules, but I regularly want to have at least two and sometimes three buttons side-by-side.
For example:
Call to action 1Call to action 1Call to action 3
To do this, you need two things. First, the HTML code, which you need to paste into a text module (add or remove <a> sections for more or fewer buttons).
<a class="et_pb_button" title="Call to action 1" href="#">Call to action 1</a><a class="et_pb_button" title="Call to action 2" href="#">Call to action 1</a><a class="et_pb_button" title="Call to action 3" href="#">Call to action 3</a>
That should work out of the box, but you might want to play with a bit of custom CSS to add padding, change colours and so on. For example:
.et_pb_button {
display: inline-block;
margin: 5px; /* space between buttons */
}
I often create CSS for different coloured buttons, for example:
a.et_pb_button.button-dark {
background: #161516 !important;
border-color: #161516 !important;
color: #ffffff !important;
}
Which looks like this:
Call to action 1Call to action 1Call to action 3
To achieve this, you need to modify the HTML, and add a new class to the button, as follows:
/* class="et_pb_button button-dark" */
Original inspiration: the wonderful Girl and Her Mac