.custom-cta {
	display: grid;
	gap: 5px;
	position: relative;
}

.custom-cta::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: url(/includes/public/assets/shared/white-edge.svg);
	height: 21px;
	width: 100%;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.custom-cta .cta {
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.custom-cta .cta::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: var(--black) 0% 0% no-repeat padding-box;
	opacity: 0.55;
	height: 100%;
	width: 100%;
	pointer-events: none;
}

.custom-cta .cta a {
	display: flex;
	justify-content: center;
	color: var(--white);
	padding: 42px 0;
	position: relative;
	z-index: 1;
}

.custom-cta .inner h4 {
	font-size: 2.125rem;
	font-family: var(--font-cursive);
	line-height: var(--leading-none);

}

.custom-cta .inner h2 {
	font-size: var(--text-4xl);
	font-family: var(--font-display);
	text-indent: var(--space-2);
	text-transform: lowercase;
}

/* Footer Styles */
.panel-footer .custom-cta {
	background: white;
	padding-bottom: 5px;
	padding-top: var(--space-2);
}

@media (min-width: 40em) {
	.panel-footer .custom-cta {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 64em) {
	.panel-footer .custom-cta {
		padding-bottom: var(--space-2-10);
		gap: var(--space-2-10);
	}

	.custom-cta .inner h4 {
		font-size: min(calc(40px + (70 - 40) * ((100vw - 1024px) / (1440 - 1024))), 70px);
		margin-bottom: -13px;

	}

	.custom-cta .inner h2 {
		font-size: min(calc(50px + (80 - 50) * ((100vw - 1024px) / (1440 - 1024))), 80px);
		text-indent: var(--space-3);
	}

	.custom-cta .cta a {
		padding: min(calc(45px + (75 - 45) * ((100vw - 1024px) / (1440 - 1024))), 75px) 0;
	}

	.panel-footer .custom-cta::before {
		height: 42px;
	}
}

@media (min-width: 90em) {
	.custom-cta .inner h4 {
		font-size: var(--text-7xl);
	}

	.custom-cta .inner h2 {
		font-size: var(--text-8xl);
		text-indent: var(--space-3);
	}
}