/* 影片外層容器 */
.video-wrapper {
	position: relative;
	width: 100%;
	cursor: pointer;
}

/* 確保影片填滿容器 */
.video-wrapper video {
	width: 100%;
	display: block;
	border-radius: 8px; /* 選擇性：讓影片圓角 */
}

/* 自訂播放按鈕（居中） */
.play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	border: 3px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 10;
}

/* 播放按鈕裡面的三角形 icon */
.play-btn::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 25px;
	border-color: transparent transparent transparent #ffffff;
	margin-left: 8px; /* 修正視覺置中 */
}

/* 滑鼠懸停按鈕時的放大效果 */
.video-wrapper:hover .play-btn {
	background-color: rgba(255, 0, 0, 0.8); /* 懸停時變紅，類似 YouTube */
	transform: translate(-50%, -50%) scale(1.1);
}

/* 當影片播放時，隱藏播放按鈕 */
.video-wrapper.is-playing .play-btn {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}