.video-launcher {
	position: relative;
}

.video-launcher:not(.carousel__tile-container) {
	aspect-ratio: 16/9;
	cursor: pointer;
	background-size: cover;
}

.video-launcher::before,
.video-launcher::after {
	content: '';
	position: absolute;
	aspect-ratio: 1/1;
	bottom: 50%;
	right: 50%;
	transform: translate(50%, 50%);
	outline: 0 solid var(--white);
	transition: outline 0.1s, border 0.2s;
}

.video-launcher:hover::before {
	outline: 6px solid var(--white);
	transition: outline 0.2s;
}

.video-launcher:hover::after {
	border-width: 25px;
	transition: border 0.3s;
}

.video-launcher::before {
	height: 60px;
	background-color: var(--primary);
	border-radius: 50%;
}

.video-launcher::after {
	border: 30px solid var(--white);
	border-color: transparent transparent transparent var(--white);
	transform: translate(81%, 50%) scale(1, 0.6);
}
