.other-page-callout {
	padding: var(--Padding-XL) var(--Padding-L);
	border: 1px solid var(--Almost-Black);
	border-radius: 1.5rem;
	display: flex;
	align-items: flex-start;
	gap: var(--Padding-S);
	margin-bottom: var(--Container-Padding);
	.content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--Padding-XS);
		p:last-of-type {
			margin-bottom: 0;
		}
	}
	&.even-height {
		@media (min-width: 768px) {
			height: 100%;
		}
	}
}