/*
 * Äänettömän videon pysäytyspainike (froggy_video_html(), inc/video.php).
 *
 * Rekisteröity kahva froggy-video (inc/assets.php), jonka froggy/video ja
 * froggy/text-image ottavat block.json:n style-listaan. Painike on videon
 * oikeassa alakulmassa; kutsujan kehys on sen sijoituskonteksti
 * (position: relative). Ulkoasu on sama kuin karusellin nuolipainikkeilla
 * (blocks/carousel/style.css).
 */
.froggy-video__toggle {
	box-sizing: border-box;
	position: absolute;
	z-index: 1;
	right: var(--froggy-space-20);
	bottom: var(--froggy-space-20);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: var(--wp--custom--radius-button);
	background-color: var(--froggy-btn-primary-bg);
	color: var(--froggy-btn-primary-text);
	cursor: pointer;
}

.froggy-video__toggle > span {
	display: contents;
}

.froggy-video__toggle svg {
	display: block;
	width: 20px;
	height: 20px;
}