/**
 * Product CTA Banner — topics experts CTA layout on black with image card.
 */

.product-cta-banner-block {
	position: relative;
	width: 100vw !important;
	max-width: 100vw !important;
	left: 50% !important;
	right: 50% !important;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
	box-sizing: border-box;
}

.e-con-inner:has(.product-cta-banner-block),
.elementor-container:has(.product-cta-banner-block),
.elementor-widget:has(.product-cta-banner-block),
.e-con:has(.product-cta-banner-block),
main:has(.product-cta-banner-block) {
	max-width: none !important;
	overflow-x: visible !important;
}

.product-cta-banner {
	background: #090a0b;
}

.product-cta-banner__inner {
	max-width: 1000px;
	padding: 2.5rem;
	border-radius: 28px;
	text-align: center;
	background-color: #090a0b;
	background-image: url('../../assets/images/narrow-cta-banner-img.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.product-cta-banner__headline {
	margin: 0;
	font-size: 30px;
	line-height: 36px;
	font-weight: 400;
	color: #ffffff;
}

.product-cta-banner__subheader {
	margin: 12px 0 0;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 400;
	color: #ffffff;
}

.product-cta-banner__cta {
	margin-top: 1.5rem;
}

/* Match home-page-topics topic-cta-btn */
.product-cta-banner-block .product-cta-banner__cta.topic-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 2rem;
	border-radius: 9999px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	text-decoration: none;
	background-color: #ffffff !important;
	border: none !important;
	transition: background 0.3s ease-in-out;
}

.product-cta-banner-block .product-cta-banner__cta.topic-cta-btn .topic-cta-btn__text {
	display: inline-block;
	background: linear-gradient(90deg, #7400b2 13.48%, #5511bc 56.52%, #d500c3 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	transition: color 0.3s ease-in-out, -webkit-text-fill-color 0.3s ease-in-out, background 0.3s ease-in-out;
}

.product-cta-banner-block .product-cta-banner__cta.topic-cta-btn:hover {
	background: linear-gradient(90deg, rgba(248, 38, 255, 0.67) 13.48%, rgba(144, 0, 255, 0.67) 60.07%, rgba(51, 0, 255, 0.67) 100%), rgba(255, 255, 255, 0.46) !important;
	background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	border: none !important;
}

.product-cta-banner-block .product-cta-banner__cta.topic-cta-btn:hover .topic-cta-btn__text {
	-webkit-text-fill-color: #ffffff !important;
	color: #ffffff !important;
	background: none !important;
	-webkit-background-clip: unset !important;
	background-clip: unset !important;
}

@media (max-width: 767px) {
	.product-cta-banner__inner {
		padding: 2rem 1.25rem;
		border-radius: 22px;
		background-attachment: scroll;
	}

	.product-cta-banner__headline {
		font-size: 1.375rem;
		line-height: 1.35;
	}

	.product-cta-banner__subheader {
		font-size: 1.125rem;
	}
}