.side-by-side {
	display: flex;
	gap: 25px;
	margin-bottom: 29px;
}

.side-by-side.order-1 {
	flex-direction: column;
}

.side-by-side.order-2 {
	flex-direction: column-reverse;
}

/* Stack: image above text at all breakpoints (Content and Image Alignment) */
.side-by-side.stack-image-top {
	flex-direction: column-reverse;
}

.side-by-side__left {
	display: flex;
	flex-direction: column;
	gap: 25px;
	align-self: center;
}

.side-by-side__tag {
}

.side-by-side__title {
	margin-bottom: 0;
}

.side-by-side__desc {
}

.side-by-side__desc p:last-child {
	margin-bottom: 0;
}

.side-by-side__cta {
	color: white !important;
	width: fit-content;
	margin-top: -7px;
	font-weight: 500 !important;

	.side-by-side__cta:hover,
	.side-by-side__cta:focus {
		background-color: var(--secondary-green);
	}
}

.side-by-side__cta:hover,
.side-by-side__cta:focus {
	background-color: var(--secondary-green);
}

.side-by-side__right {
	height: 485px;
}

.side-by-side__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 48em) {
	.side-by-side {
		gap: 69px;
		margin-bottom: 82px;
	}

	.side-by-side.order-1 {
		flex-direction: row-reverse;
	}

	.side-by-side.order-2 {
		flex-direction: row;
	}

	.side-by-side.stack-image-top {
		flex-direction: column-reverse;
	}

	.side-by-side.stack-image-top .side-by-side__left,
	.side-by-side.stack-image-top .side-by-side__right {
		width: 100%;
		align-self: stretch;
	}

	.side-by-side__left {
		width: 47.7%;
		gap: 40px;
	}

	.side-by-side__cta {
		width: fit-content;
		margin-top: -10px;
	}

	.side-by-side__right {
		height: initial;
		width: 52.3%;
	}
}

.side-by-side--with-border {
	border: 1px solid var(--primary-blue);
	border-radius: 4px;
	padding: 20px;

	@media (min-width: 48em) {
		padding: 45px;
	}

	.side-by-side__tag {
		border-color: var(--primary-blue);
	}

	.side-by-side__title {
		color: var(--primary-blue);
	}

	.side-by-side__desc {
		ol,
		ul {
			margin-left: 20px;
		}
	}
}