/* "Hang bekapcsolása" button on autoplaying videos — in the site's style (Afacad, black/white). */
.tka-sound-btn {
	position: absolute; top: 12px; left: 12px; z-index: 20;
	display: inline-flex; align-items: center; gap: .45em;
	font-family: afacad, Afacad, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2;
	padding: .5em .9em; margin: 0; width: auto; height: auto; min-height: 0;
	color: #000; background: rgba(255, 255, 255, .92); border: 1px solid #000; border-radius: 3px;
	cursor: pointer; box-shadow: 0 1px 4px rgba(0, 0, 0, .25); text-transform: none; letter-spacing: .01em;
	-webkit-user-select: none; user-select: none;
}
.tka-sound-btn:hover { background: #000; color: #fff; }
.tka-sound-btn:focus-visible { outline: 2px solid #000; outline-offset: 2px; }
@media (max-width: 600px) { .tka-sound-btn { font-size: 13px; } }

/* Centred PLAY button on click-to-play videos (hidden while the video plays) */
.tka-play-btn {
	position: absolute; z-index: 20; transform: translate(-50%, -50%);
	display: flex; align-items: center; justify-content: center;
	width: 76px; height: 76px; min-height: 0; padding: 0 0 0 4px; margin: 0;
	color: #000; background: rgba(255, 255, 255, .9); border: 2px solid #000; border-radius: 50%;
	cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); line-height: 1;
	transition: transform .12s ease, background-color .12s ease, color .12s ease;
}
.tka-play-btn:hover { background: #000; color: #fff; transform: translate(-50%, -50%) scale(1.06); }
.tka-play-btn:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.tka-play-btn[hidden] { display: none !important; }
.tka-has-play .mejs-overlay-button, .tka-has-play .mejs-overlay-play { display: none !important; }
@media (max-width: 600px) { .tka-play-btn { width: 60px; height: 60px; } .tka-play-btn svg { width: 28px; height: 28px; } }