.video-youtube-embutido {
	--icone_som     : 60px;
	--icone_som__pos: 20px;
	--svg__tamanho  : 95%;


	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;

	iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
		pointer-events: none; /* impede que o iframe capture cliques/touch */
	}

	.audio-toggle {
		position: absolute;
		bottom: var(--icone_som__pos);
		right: var(--icone_som__pos);
		z-index: 9999999;
		width: var(--icone_som);
		height: var(--icone_som);
		border-radius: 50%;
		border: none;
		background: rgb(34 110 192 / 60%);
		cursor: pointer;
		display: none;
		place-content: center;
		transition: scale .5s;

		svg {
			fill: white;
			width: var(--svg__tamanho);
			height: var(--svg__tamanho);

			.wave {
				fill: none;
				stroke: white;
				stroke-width: 2;
				stroke-linecap: round;
				stroke-linejoin: round;
				animation: ligar-som__ondas 1.5s ease-in-out infinite;
				transform-origin: center;
			}
		}

		&.visivel{
			display: grid;
		}

		@media (hover: hover) and (pointer: fine){
			&:hover{
				background: rgb(34 110 192 / 100%);
			}
		}
	}


	@media (min-width: 600px) {
		--icone_som: 110px;
		--icone_som__pos: 30px;

		.audio-toggle {
			.sound-off{
				opacity: .3;
			}
		}
	}
}


@keyframes ligar-som__ondas {
	0%, 100% { transform: translateX(-2px) scale(.9); opacity: 0.6; }
	50% { transform: translateX(0) scale(1.06); opacity: 1; }
}