.post-tts-ui {
	display: flex;
	align-items: center; /* label과 button 세로 중앙 정렬 */
	gap: 0.5em;
}

/* 기존 label 스타일 유지 */
.post-tts-ui label {
	margin-right: 0.5em;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 0.8em;
	padding: 0.5em;
}

/* 버튼 스타일 */
.post-tts-button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: none;
	color: inherit;
	cursor: pointer;
	padding: 0.25em;
	margin-right: 0.5em;
	vertical-align: middle; /* flex 환경에선 이건 선택사항 */
}

/* 버튼 아이콘 */
.post-tts-button::before {
	content: '';
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

/* 듣기 */
.post-tts-button.play::before {
	background-image: url('/wp-content/plugins/wp-extension/assets/css/svg/volume.svg');
}

/* 일시정지 */
.post-tts-button.pause::before {
	background-image: url('/wp-content/plugins/wp-extension/assets/css/svg/pause.svg');
}

/* 재생 */
.post-tts-button.resume::before {
	background-image: url('/wp-content/plugins/wp-extension/assets/css/svg/play.svg');
}

/* 다시 듣기 */
.post-tts-button.repeat::before {
	background-image: url('/wp-content/plugins/wp-extension/assets/css/svg/repeat.svg');
}

.post-tts-button span {
	display: none;
}