Place button at bottom of column

Hello. I have a row comprising three columns. I want each column to have:

  • an image
  • header text
  • body text
  • a button

How do I get a button to sit flush on the bottom of the column, regardless of how much body text is above it?

Hi, set columns to equal heights (BB UI) then set margin-top: auto; on the buttons (custom CSS).
Example here:

Perfect, thank you.

For those who are new to this like me:

First, assign a class name to the modules (here, the buttons), in their respective Settings > Advanced > Class:


Then, target that ID by writing a CSS rule for it in Beaver Builder’s Tools > Layout CSS & Javascript (note it is preceded by a period):

.my-custom-text {
    margin-top: auto;