.ccl-v2-widget.core-v2-callout-tiles.callout-tiles-v2-2-across {
	.widget-inner {
		position: relative;
		z-index: 2;
		gap: var(--space-3);
		padding: 60px 0;
	}

	.widget-header,
	.title-col {
		display: block;
	}

	.widget-header {
		position: relative;
		width: calc(100% - var(--space-10));
		max-width: 890px;
		margin: 0 auto;
		text-align: center;
	}

	.widget-title::after {
		display: block;
		width: 100%;
		max-width: 200px;
		height: 5px;
		margin: 7px auto 0;
		content: '';
		background: url('/includes/public/assets/shared/callout-tiles-title-underline-graphic.svg') repeat-x left center / auto 100%;
		pointer-events: none;
	}

	.widget-background {
		inset: 0;
		pointer-events: none;
		
		&,
		.square-1,
		.square-2,
		.square-3 {
			position: absolute;
			z-index: -1;
		}
		
		.square-1,
		.square-2,
		.square-3 {
			display: block;
			background: rgba(218, 230, 232, 0.70);
			mix-blend-mode: multiply;
		}

		.square-1 {
			inset: 0 31px;
		}

		.square-2 {
			inset: 29px 0 44px;
		}

		.square-3 {
			inset: 54px var(--space-4) 25px;
		}
	}

	.slides {
		gap: var(--space-2);
		max-width: 1132px;
		padding: 0 14px;
	}

	.slide {
		padding: 7px;
		background: var(--blue-tint);
	}

	.img-cont::before {
		background: rgba(0, 0, 0, 0.2);
	}

	.slide-title {
		position: relative;
		max-width: 19.9515ch;
		font-size: var(--text-lg);
		letter-spacing: 0.01em;

		&::before {
			position: absolute;
			inset: calc(100% + 5px) -14px auto;
			display: block;
			height: 2px;
			content: '';
			background: var(--white);
			pointer-events: none;
			opacity: 0;
			transition: opacity var(--transition-appendix);
		}
	}

	.slide-title a {
		text-decoration: none;
	}

	@media (hover: hover) {
		.slide:has(a:hover) {
			.slide-title::before {
				opacity: 1;
			}

			.slide-title a {
				text-decoration: none;
			}
		}
	}

	@container (min-width: 64em) {
		.widget-inner {
			padding: 58px 0 49px;
		}

		.widget-header {
			margin-bottom: 19px;
		}

		.widget-title {
			font-size: var(--text-5xl);

			&::after {
				max-width: 478px;
				margin-top: 14px;
			}
		}

		.widget-background {
			inset: 0 auto 0 50%;
			translate: -50% 0;
			width: calc(100% - 228px);
			max-width: 890px;

			.square-1 {
				inset: 0 54px;
			}

			.square-2 {
				inset: 23px 0 49px;
			}

			.square-3 {
				inset: 44px 29px var(--space-6);
			}
		}

		.slides {
			gap: 0;
		}

		.slide {
			padding: 10px;
		}

		.slide-title {
			font-size: var(--text-2xl);
		}
	}
}