/**
 * Bold Builder: equal-height bottom CTAs in multi-column rows (e.g. services pillars).
 * Scope: add section class `mitocon-pillar-cards` (via Bold Builder “Extra class” or mitocon-pillar-cards.js).
 */

.mitocon-pillar-cards .bt_bb_row_holder {
	align-items: stretch;
}

/* Column is already a flex column in Bold Builder; stretch CTA area to row height */
.mitocon-pillar-cards .bt_bb_row_holder > .bt_bb_column {
	align-self: stretch;
}

.mitocon-pillar-cards .bt_bb_column > .bt_bb_column_content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
	width: 100%;
}

.mitocon-pillar-cards .bt_bb_column_content_inner {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
	width: 100%;
}

/* Pin “Find out more” / filled buttons to the bottom of each column */
.mitocon-pillar-cards .bt_bb_column_content_inner > .bt_bb_button {
	margin-top: auto;
	flex-shrink: 0;
}