.double-cta {
	--sponsored-text-mobile: 450 var(--text-base)/120% var(--font-brandon);
	--sponsored-text-tablet: 450 var(--text-xl)/var(--leading-normal) var(--font-brandon);
}

.double-cta .slides {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: var(--gray-light);
}

@media (min-width: 64em) {
	.double-cta .slides {
		flex-direction: row;
	}
	.double-cta .slide:first-child {
		display: flex;
		justify-content: flex-end;
	}
}

.double-cta .slide {
	height: auto;
	width: 100%;
}

.double-cta .inner {
	width: 100%;
	max-width: 640px;
}

.double-cta .slide:last-of-type {
	border-radius: 75px 0px 0px 0px;
	background-color: var(--blue);
}

.double-cta .content-section {
	display: flex;
	flex-direction: column;
	padding: var(--space-20) var(--space-5);
	width: 100%;
}

@media screen and (min-width: 40em) {
	.double-cta .content-section {
		padding: var(--space-20);
	}
}
.double-cta .slide.dtn-placeholder .content-section .sponsored {
	display: none;
}

.double-cta .sponsored {
	text-transform: uppercase;
	font: var(--sponsored-text-mobile);
}

.double-cta .slide:last-child .sponsored {
	color: var(--white)
}

@media (min-width: 40em) {
	.double-cta .sponsored {
		text-transform: uppercase;
		font: var(--sponsored-text-tablet);
	}
}

.double-cta .title {
	margin-bottom: var(--space-5);
	font-family: var(--font-roboto);
	font-weight: var(--font-weight-bold);
	font-size: 2.5rem;
	line-height: 3rem;
	color: var(--black);
}

@media screen and (min-width: 40em) {
	.double-cta .title {
		font-size: 3.125rem;
		line-height: 3.75rem;
	}
}

@media screen and (min-width: 64em) {
	.double-cta .title {
		font-size: 3.75rem;
		line-height: 4.5rem;
	}
}

.double-cta .slide:last-of-type .title {
	color: var(--white);
}

.double-cta .content-section p {
	margin: 20px 0 40px 0;
	font-family: var(--font-roboto);
	font-size: var(--text-base);
	font-weight: var(--font-weight-normal);
	line-height: var(--leading-normal);
	color: var(--gray-dark);
}

@media screen and (min-width: 40em) {
	.double-cta .content-section p {
		font-size: var(--text-xl);
		line-height: 1.875rem;
	}
}

.double-cta .slide:last-of-type p {
	color: var(--white);
}

.double-cta .read-more {
	max-width: fit-content;
	border-radius: 10px;
	font-family: var(--font-display);
	font-size: var(--space-5);
	text-transform: uppercase;
	background-color: var(--blue);
	color: var(--white);
}

@media screen and (min-width: 40em) {
	.double-cta .read-more {
		padding: 20px 30px;
	}
}

.double-cta .slide .button-default:hover {
	color: var(--blue);
	background-color: transparent;
	border-color: var(--blue);
}

.double-cta .slide:last-of-type .read-more {
	background-color: var(--white);
	color: var(--blue);
}

.double-cta .slides .slide:last-of-type .button-default:hover {
	color: var(--white);
	background-color: transparent;
	border-color: var(--white);
}