.player {
	position: relative;
	width: 100%;
	max-width: 600px;
	height: 100%;
	max-height: 400px;
}

.player * {
	color: #fff;
}

.player > iframe {
	border-radius: 0 30px;
	overflow: hidden;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
}

.player:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100px;
	height: 50px;
	background: var(--secondary-color-hover);
	transform: translate(-10px, -10px);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}