:is(vimeo-embed, youtube-embed) {
	border-radius: var(--video-embed-bdrs, .25em);
	display: grid;
	inline-size: 100%;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative
}
:is(vimeo-embed, youtube-embed) button {
	background-color: var(--button-bgc, #F00);
	block-size: var(--button-h, 50px);
	border: 0;
	border-radius: var(--button-bdrs, 14%);
	display: grid;
	inline-size: var(--button-w, 75px);
	opacity: var(--button-op, 0.8);
	position: absolute;
	place-self: center;
	transition: all .2s ease-in
}
:is(vimeo-embed, youtube-embed) button::before {
	aspect-ratio: 1;
	background: #fff;
	block-size: 1.5em;
	clip-path: polygon(20% 0%, 20% 100%, 100% 50%);
	content: '';
	place-self: center
}
:is(vimeo-embed, youtube-embed) :is(img) {
	position: absolute;
	block-size: 100%;
	inline-size: 100%;
	object-fit: cover;
	inset: 0;
	z-index: 1
}
:is(vimeo-embed, youtube-embed) :is(iframe) {
	z-index: 0;
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%
}
:is(vimeo-embed, youtube-embed) :is(iframe, img) {
	border: 0;
	border-radius: inherit
}
:is(vimeo-embed, youtube-embed) iframe:not([src=""]) {
	z-index: 1
}
:is(vimeo-embed, youtube-embed) iframe:not([src=""]) + button {
	display: none
}
:is(vimeo-embed button) {
	z-index: 2;
	--button-bgc: #00adef
}
:is(vimeo-embed, youtube-embed):hover button {
	--button-op: 1
}