.call-to-action-consolidated {
	--title-color: var(--green-treetop);
	--subtitle-color: var(--green-dark);
	--title-font-family: var(--font-display);
	--subtitle-font-family: var(--font-body);
	position: relative;
	margin: 0 var(--space-5) var(--space-10);
}

.call-to-action-consolidated .inner-wrapper {
	position: relative;
	padding: var(--space-8) 0;
}

.call-to-action-consolidated .inner-wrapper::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: url(/includes/public/assets/shared/m-lines-box-pattern.svg);
	background-size: auto 100%;
	background-repeat: repeat-x;
	pointer-events: none;
	z-index: -1;
}

.call-to-action-consolidated .inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 var(--space-6);
	background-color: var(--white);
	gap: var(--space-2);
	padding: var(--space-4);
	border-radius: 10px;
	border: 4px solid var(--green-misty);
}

.call-to-action-consolidated img.icon {
	min-width: 79px;
	min-height: 79px;
	max-width: 79px;
	max-height: 79px;
}

.call-to-action-consolidated .content {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	align-items: center;
}

.call-to-action-consolidated .content .content-top {
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
}

.call-to-action-consolidated .title {
	font-family: var(--title-font-family);
	color: var(--title-color);
	font-size: 2.375rem;
	text-transform: uppercase;
	text-align: center;
	line-height: var(--leading-none);
}

.call-to-action-consolidated .subtitle {
	font-family: var(--subtitle-font-family);
	color: var(--subtitle-color);
	font-size: var(--text-xl);
	font-weight: var(--font-weight-bold, 700);
	line-height: var(--leading-tight);
	text-align: center;
}

.call-to-action-consolidated .read-more {
	position: relative;
	display: inline-block;
	padding: var(--space-3) var(--space-4);
	font-family: var(--font-body);
	font-size: var(--text-base);
	font-weight: var(--font-weight-bold, 700);
	line-height: var(--leading-none);
	text-align: center;
	text-decoration: none;
	color: var(--sw-collections-view-all-color);
	background-color: var(--blue-sky);
	border-radius: 4px;
	margin-top: var(--space-3);
}

.call-to-action-consolidated .read-more::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	height: calc(100% - var(--space-2));
	width: calc(100% - var(--space-2));
	border: 2px solid var(--white);
	border-radius: 4px;
	opacity: 0;
	transition: opacity var(--transition-appendix);
	pointer-events: none;
}

@media screen and (min-width: 64em) {
	.call-to-action-consolidated {
		margin: var(--space-20) var(--space-8) var(--space-24);
	} 

	.call-to-action-consolidated .title {
		font-size: 3.125rem;
		text-align: left;
	}

	.call-to-action-consolidated .subtitle {
		font-size: var(--text-2xl);
		text-align: left;
	}

	.call-to-action-consolidated .read-more {
		padding: var(--space-4) var(--space-5);
		font-size: var(--text-lg);
		margin-top: 0;
	}

	.call-to-action-consolidated img.icon {
		min-width: 115px;
		min-height: 115px;
		max-width: 115px;
		max-height: 115px;
	}

	.call-to-action-consolidated .inner {
		flex-direction: row;
		padding: var(--space-4) var(--space-8);
		max-width: calc(100% - var(--space-56));
		margin: 0 auto;
		justify-content: start;
		gap: var(--space-5);
	}

	.call-to-action-consolidated .content {
		flex-direction: row;
		width: 100%;
		gap: var(--space-4);
	}

	.call-to-action-consolidated .content .content-top {
		flex: 1;
	}

	.call-to-action-consolidated .inner-wrapper::after {
		background: url(/includes/public/assets/shared/d-lines-box-pattern.svg);
		background-size: auto 100%;
		background-repeat: repeat-x;
	}
}

@media (hover:hover) {
	.call-to-action-consolidated .read-more:hover::after {
		opacity: 1;
	}
	
}