.ccl-v2-widget.hero-image-v2,
.ccl-v2-widget.hero-slideshow-v2 {
	color: var(--white);

	.img-cont {
		border-radius: 0;
	}

	.img-cont::before {
		display: block;
		background: linear-gradient(220deg, rgba(0, 0, 0, 0.00) 55.99%, rgba(0, 0, 0, 0.45) 77.42%, rgba(0, 0, 0, 0.45) 79.3%);
	}

	&.hide-content .img-cont::before {
		display: none;
	}

	.shared-play-button {
		inset: var(--space-5) var(--space-5) auto auto;
		transform: none;
	}

	.content-section {
		gap: var(--space-3);
		max-width: calc(60.7ch + 110px);
		padding: var(--space-5);
	}

	.sponsored {
		display: block;
		max-width: max-content;
		padding: 0.125rem 0.5rem;
		margin-bottom: var(--space-3);
		font-family: var(--font-display);
		font-weight: var(--font-weight-semibold);
		font-size: var(--text-xs);
		line-height: 1.2;
		letter-spacing: -0.05em;
		text-transform: uppercase;
		color: var(--black);
		background: var(--brown-tint);
		border: 1px solid var(--black);
		border-radius: var(--rounded-full);
	}

	.slide-top .sponsored {
		position: absolute;
		inset: 1rem auto auto 1rem;
		z-index: 5;
		margin: 0;
		pointer-events: none;
	}

	.slide-title,
	.slide-desc,
	.slide-footer .read-more {
		text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.4);
	}

	.slide-title,
	.slide-desc {
		color: inherit;
	}

	.slide-title {
		font-family: var(--font-display);
		font-weight: var(--font-weight-bold);
		font-size: 1.375rem;
		line-height: 1.1;
		letter-spacing: -0.1em;
	}

	.slide-desc {
		font-weight: var(--font-weight-medium);
		font-size: var(--text-sm);
		line-height: var(--leading-normal);
	}

	@media (hover: hover) {
		.slide:has(a:hover) .slide-title a {
			text-decoration-color: transparent;
		}
	}

	@media (min-width: 64em) {
		.content-section {
			padding: var(--space-10) 55px;
		}

		.slide-title {
			font-size: 1.6875rem;
		}
		
		.slide-desc {
			font-size: var(--text-base);
			line-height: 1.7;
		}
	}
}