.novaBannerCallToAction {
	width: 100%;
	padding: 40px 24px;
	background: #fff;
}

.novaBannerCallToAction__inner {
	width: min(1440px, 100%);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.novaBannerCallToAction__title {
	flex: 1 1 auto;
	margin: 0;
	color: #1d1d1f;
	font-family: "Montserrat", system-ui, sans-serif;
	font-size: clamp(40px, 6vw, 72px);
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.novaBannerCallToAction__title br {
	content: "";
}

.novaBannerCallToAction__cta {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	min-width: 0;
	padding: 20px 24px;
	border: 2px solid #ef7c23;
	border-radius: 999px;
	background: #ef7c23;
	color: #fff;
	font-family: "Montserrat", system-ui, sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.novaBannerCallToAction__cta::after {
	content: "";
	width: 24px;
	height: 24px;
	flex: 0 0 auto;
	background-color: currentColor;
	-webkit-mask: url("./assets/arrow-up-right.svg") center / contain no-repeat;
	mask: url("./assets/arrow-up-right.svg") center / contain no-repeat;
}

.novaBannerCallToAction__cta:hover,
.novaBannerCallToAction__cta:focus-visible {
	background: #fff;
	color: #ef7c23;
	border-color: #ef7c23;
}

.novaBannerCallToAction__cta:focus-visible {
	outline: 2px solid #ef7c23;
	outline-offset: 2px;
}

.novaBannerCallToAction__cta--static,
.novaBannerCallToAction__cta[disabled] {
	cursor: default;
}

.novaBannerCallToAction__cta[disabled] {
	opacity: 1;
	pointer-events: none;
}

@media (max-width: 960px) {
	.novaBannerCallToAction__inner {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 640px) {
	.novaBannerCallToAction {
		padding: 32px 16px;
	}

	.novaBannerCallToAction__cta {
		width: 100%;
		font-size: 18px;
	}
}