/* Shade Systems – Packing Video Play Button */

.sspv-btn {
	position: absolute;
	inset: 0;
	margin: auto; /* centers the fixed-size button over the video */
	width: 84px;
	height: 84px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.55);
	cursor: pointer;
	z-index: 10;
	transition: background 0.2s ease, transform 0.2s ease;
	-webkit-appearance: none;
	appearance: none;
}

.sspv-btn:hover,
.sspv-btn:focus-visible {
	background: rgba(0, 0, 0, 0.78);
	transform: scale(1.06);
}

.sspv-btn:focus-visible {
	outline: 3px solid #5ac8fa;
	outline-offset: 3px;
}

.sspv-btn svg {
	width: 34px;
	height: 34px;
	margin-left: 5px; /* optical centering of the triangle */
	fill: #fff;
}

.sspv-btn[hidden] {
	display: none;
}