.ccl-widget.core-cards.cards-3-across { margin-bottom: var(--space-12); }

.ccl-widget.core-cards.cards-3-across .slides { gap: var(--space-5); }

.ccl-widget.core-cards.cards-3-across .slide .img-cont { margin-bottom: 0; }

.ccl-widget.core-cards.cards-3-across .slide .img-cont img { transition: transform ease-in-out 300ms; }

.ccl-widget.core-cards.cards-3-across .slide .content-section {
	gap: var(--space-2);
	background: var(--white);
	padding: var(--space-3) var(--space-5) var(--space-5);
}

.ccl-widget.core-cards.cards-3-across .slide .content-section .slide-title,
.ccl-widget.core-cards.cards-3-across .slide .content-section .slide-title a {
	font-family: var(--font-display);
	font-size: 24px;
	color: var(--dark-blue);
	line-height: var(--leading-tight);
}

.ccl-widget.core-cards.cards-3-across .slide .content-section p {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: var(--leading-relaxed);
	color: var(--dark-blue);
	font-weight: 400;
}

.ccl-widget.core-cards.cards-3-across .slide .content-section .read-more {
	position: relative;
	display: inline-block;
	font-family: var(--font-body);
	font-size: 18px;
	font-weight: 600;
	color: var(--dark-blue);
	text-decoration: none;
	text-transform: uppercase;
	padding: var(--space-1) 0;
	width: max-content;
}

.ccl-widget.core-cards.cards-3-across .slide .content-section .read-more::before {
	content: "";
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 1px;
	background: #000;
	transition: right ease 300ms, width ease 300ms;
}

.ccl-widget.core-cards.cards-3-across .slide .content-section .read-more::after {
	content: "";
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 50%;
	opacity: 0;
	transition: right 300ms ease;
}

@media(min-width: 40em) {
	.ccl-widget.core-cards.cards-3-across .slides { gap: var(--space-10); }
}

@media(min-width: 64em) {
	.ccl-widget.core-cards.cards-3-across .slide .content-section { padding: var(--space-5) var(--space-5) var(--space-8) var(--space-8) ; }

	.ccl-widget.core-cards.cards-3-across .slide .content-section .slide-title,
	.ccl-widget.core-cards.cards-3-across .slide .content-section .slide-title a { font-size: 32px; }

	.ccl-widget.core-cards.cards-3-across .slide .content-section p { font-size: 20px; }

	@media(hover:hover) {
		.ccl-widget.core-cards.cards-3-across .slide .img-cont:hover img { transform: scale(1.1); }

		.ccl-widget.core-cards.cards-3-across .slide .content-section .read-more:hover { background-color: transparent; }
	
		.ccl-widget.core-cards.cards-3-across .slide .content-section .read-more:hover::before {
			right: -38px;
			width: 33px;
		}
		
		.ccl-widget.core-cards.cards-3-across .slide .content-section .read-more:hover::after {
			right: -39px;
			opacity: 1;
		}
	}
}