/* CTA hover layers stay independent of each button's scroll entrance. */
.mcdp-cta, .mcdp-submit-cta, .mcdp-header-linkedin, .mcdp-mobile-drawer-linkedin {
	--mcdp-cta-duration: 240ms;
	--mcdp-cta-ease: cubic-bezier(.22, .61, .36, 1);
}
.mcdp-cta:is(:hover, :focus-visible),
.mcdp-header-linkedin:is(:hover, :focus-visible),
.mcdp-mobile-drawer-linkedin:is(:hover, :focus-visible),
.mcdp-submit-cta:is(:hover, :focus-within) {
	--mcdp-cta-duration: 400ms;
}
.mcdp-cta {
	--mcdp-cta-fill: #e8eef3;
	--mcdp-cta-ink: var(--wp--preset--color--deep, #1e4a73);
	position: relative;
	overflow: hidden;
	isolation: isolate;
	z-index: 0;
	text-transform: none;
}
.mcdp-cta--light {
	--mcdp-cta-fill: var(--wp--preset--color--deep, #1e4a73);
	--mcdp-cta-ink: #fff;
}
.mcdp-cta::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-radius: inherit;
	background: var(--mcdp-cta-fill);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform var(--mcdp-cta-duration) var(--mcdp-cta-ease);
	pointer-events: none;
}
.mcdp-cta-label {
	position: relative;
	display: inline-block;
	transition: transform var(--mcdp-cta-duration) var(--mcdp-cta-ease), color var(--mcdp-cta-duration) ease;
}
.mcdp-cta-arrow {
	position: absolute;
	left: calc(100% + 9px);
	top: 50%;
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0;
	opacity: 0;
	transform: translate(-7px, -50%);
	transition: opacity var(--mcdp-cta-duration) ease, transform var(--mcdp-cta-duration) cubic-bezier(.22, .61, .36, 1);
	pointer-events: none;
}
.mcdp-cta:is(:hover, :focus-visible)::before { transform: scaleX(1); }
.mcdp-cta:is(:hover, :focus-visible) .mcdp-cta-label {
	color: var(--mcdp-cta-ink);
	transform: translateX(-9px);
}
.mcdp-cta:is(:hover, :focus-visible) .mcdp-cta-arrow,
.mcdp-submit-cta:is(:hover, :focus-within) .mcdp-cta-arrow {
	opacity: 1;
	transform: translate(0, -50%);
}
.mcdp-cta:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary-alt, #6fb0e0);
	outline-offset: 4px;
}
/* Keep the native submit input and its form behavior; decorate its wrapper. */
.mcdp-submit-cta { position: relative; display: inline-block; max-width: 100%; }
.mcdp-submit-cta > .mcdp-cta-arrow { left: auto; right: 30px; color: #fff; }
.mcdp-submit-cta:is(:hover, :focus-within) > .mcdp-cta-arrow { color: var(--wp--preset--color--deep, #1e4a73); }
body.mcdp-page-inquiry .mcdp-cf7 .mcdp-cf7-submit input[type="submit"] {
	background-image: linear-gradient(#e8eef3, #e8eef3);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 0 100%;
	transition: background-size var(--mcdp-cta-duration) cubic-bezier(.22, .61, .36, 1), color var(--mcdp-cta-duration) ease, padding var(--mcdp-cta-duration) cubic-bezier(.22, .61, .36, 1);
}
body.mcdp-page-inquiry .mcdp-cf7 .mcdp-cf7-submit input[type="submit"]:is(:hover, :focus-visible) {
	background-size: 100% 100%;
	color: var(--wp--preset--color--deep, #1e4a73);
	padding-left: 43px;
	padding-right: 61px;
}
@media (hover: none) {
	.mcdp-cta-label { transform: translateX(-9px); }
	.mcdp-cta-arrow { opacity: 1; transform: translate(0, -50%); }
}
@media (prefers-reduced-motion: reduce) {
	.mcdp-cta::before, .mcdp-cta-label, .mcdp-cta-arrow,
	body.mcdp-page-inquiry .mcdp-cf7 .mcdp-cf7-submit input[type="submit"] { transition: none; }
}