/* Latest Post CTA block */

/* Space between posts when showing more than one. */
.lpcta-item + .lpcta-item {
	margin-top: 2.5rem;
}

/* Side-by-side layout only when a featured image is shown, per item. */
.lpcta-item.has-media {
	display: flex;
	gap: 2rem;
	align-items: center;
}

.lpcta-item.has-media.is-media-right {
	flex-direction: row-reverse;
}

.lpcta-item.has-media .lpcta-media,
.lpcta-item.has-media .lpcta-content {
	flex: 1 1 50%;
}

.lpcta-media img {
	display: block;
	width: 100%;
	height: auto;
}

.lpcta-title {
	margin-top: 0;
}

/* The button uses core wp-block-button markup, so it inherits theme styling.
   These rules just handle spacing. */
.lpcta-button-wrap {
	margin-top: 1rem;
}

.lpcta-button-wrap .wp-block-button__link {
	text-decoration: none;
}

@media ( max-width: 600px ) {
	.lpcta-item.has-media,
	.lpcta-item.has-media.is-media-right {
		flex-direction: column;
	}
}

/* Empty-state message */
.lpcta-empty {
	opacity: 0.8;
	font-style: italic;
}