.call-to-action {
	--title-color: var(--gray-100);
	--subtitle-color: var(--gray-100);
	--icon-color: var(--gray-100);
	--title-font-family: var(--font-display);
	--subtitle-font-family: var(--font-body);
	height: 100%;
}

.call-to-action .inner {
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: var(--space-5);
	padding: 17px 10px;
	background-color: rgb(82 145 169 / 90%);
	height: 100%;
	transition: background-color ease-in-out 500ms;
	max-width: 160px;
}

.call-to-action .icon {
	color: var(--icon-color);
	font-size: var(--text-2xl);
}

.call-to-action .content {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.call-to-action .title {
	font-family: var(--font-body);
	color: var(--title-color);
	font-size: var(--text-base);
	line-height: var(--leading-tight);
	font-weight: 400;
	line-height: 1.31;
	letter-spacing: 1.12px;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid var(--mint);
	padding-bottom: var(--space-1);
}

.call-to-action .subtitle {
	font-family: var(--subtitle-font-family);
	color: var(--subtitle-color);
	font-size: var(--text-xs);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.84px;
	text-transform: uppercase;
	text-align: left;
}

@media (hover: hover) {
	.call-to-action a:hover {
		text-decoration: none;
	}

	.call-to-action a:hover .inner {
		background-color: rgb(66 117 138 / 90%);
	}
}

@media (max-width: 1023px) {
	.contentRender.contentRender_15.contentRender_type_widget.contentRender_name_plugins_common_call_to_action:first-child {
		margin-left: auto;
	}
}

@media (min-width: 40em) {
	.call-to-action .inner {
		padding: 54px 21px 20px;
		min-height: min(calc(195px + (235 - 195) * ((100vw - 640px) / (1023 - 640))), 235px);
		max-width: 200px;
	}
}

@media screen and (min-width: 64em) {
	.call-to-action .title {
		font-size: var(--text-xl);
		letter-spacing: 1.4px;
	}

	.call-to-action .subtitle {
		font-size: .9375rem;
		letter-spacing: 1.05px;
	}

	.call-to-action .inner {
		padding: 54px 21px 20px;
		min-height: min(calc(195px + (235 - 195) * ((100vw - 1024px) / (1440 - 1024))), 235px);
		width: min(calc(195px + (235 - 195) * ((100vw - 1024px) / (1440 - 1024))), 235px);
		max-width: unset;
	}
}
