.ccl-v2-widget.callout-tiles-v2-2-across-fullwidth {
	.slides {
		gap: 10px;
	}

	.img-cont::before {
		background: none;
		background-color: rgba(0, 0, 0, 0.45);
		transition: background-color var(--transition-appendix);
	}

	.content-section {
		position: relative;
		gap: 15px;
		height: auto;
		align-self: center;
		padding: 26px var(--space-5);
	}

	.slide-title {
		font-weight: var(--font-weight-black);
		font-size: var(--text-2xl);
		text-transform: uppercase;
		text-align: center;
		transition: translate var(--transition-appendix);
	}

	.read-more {
		position: absolute;
		inset: auto auto 0 50%;
		translate: -50% 0;
		z-index: 3;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
			color var(--transition-appendix),
			background-color var(--transition-appendix),
			border-color var(--transition-appendix),
			opacity var(--transition-appendix),
			visibility var(--transition-appendix);
	}

	@media (hover: hover) {
		.slide:hover .img-cont::before {
			background-color: var(--purple);
		}

		.slide:hover:has(.read-more) {
			.slide-title {
				translate: 0 -24px;
			}
			
			.read-more {
				opacity: 1;
				visibility: visible;
				pointer-events: all;
			}
		}
	}

	@container (min-width: 40em) {
		.slides {
			gap: 10px 0;
		}
	}

	@container (min-width: 64em) {
		.slide-title {
			font-size: 2rem;
		}
	}
}