#kekaboni-bg-audio.kekaboni-bg-audio {
	position: fixed;
	z-index: 2147483647;
	margin: 0;
	padding: 0;
	pointer-events: none;
}

#kekaboni-bg-audio .kekaboni-bg-audio-toggle {
	pointer-events: auto;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border: 0;
	border-radius: 999px;
	padding: 10px 14px;
	font: 600 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	cursor: pointer;
	background: rgba(0,0,0,.78);
	color: #fff;
	box-shadow: 0 5px 25px rgba(0,0,0,.25);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: transform .2s ease, opacity .2s ease;
}

#kekaboni-bg-audio .kekaboni-bg-audio-toggle:hover {
	transform: translateY(-1px);
}

#kekaboni-bg-audio.bottom-right { right: 20px; bottom: 20px; }
#kekaboni-bg-audio.bottom-left  { left: 20px; bottom: 20px; }
#kekaboni-bg-audio.top-right    { right: 20px; top: 20px; }
#kekaboni-bg-audio.top-left     { left: 20px; top: 20px; }

@media (max-width: 600px) {
	#kekaboni-bg-audio.bottom-right { right: 12px; bottom: 12px; }
	#kekaboni-bg-audio.bottom-left  { left: 12px; bottom: 12px; }
	#kekaboni-bg-audio.top-right    { right: 12px; top: 12px; }
	#kekaboni-bg-audio.top-left     { left: 12px; top: 12px; }
	#kekaboni-bg-audio .kekaboni-bg-audio-toggle {
		padding: 9px 12px;
	}
}


#kekaboni-bg-audio .kekaboni-bg-audio-status {
	display: block;
	max-width: 260px;
	margin-top: 6px;
	padding: 5px 8px;
	border-radius: 6px;
	background: rgba(0,0,0,.78);
	color: #fff;
	font: 500 11px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	pointer-events: none;
}
#kekaboni-bg-audio .kekaboni-bg-audio-status:empty { display:none; }
#kekaboni-bg-audio .kekaboni-bg-audio-status.has-error { background: rgba(160,0,0,.88); }