.pron-word {
	white-space: nowrap;
}

.pron-btn {
	background: linear-gradient( 145deg, #ffd54a, #ffb700 );
	border: none;
	border-radius: 50%;
	cursor: pointer;
	font-size: 0.85em;
	width: 26px;
	height: 26px;
	margin-left: 6px;
	vertical-align: middle;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.25 );
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.pron-btn:hover {
	transform: scale( 1.12 );
	box-shadow: 0 2px 6px rgba( 0, 0, 0, 0.3 );
}

.pron-btn:active {
	transform: scale( 0.95 );
}

.pron-btn.pron-playing {
	animation: pron-pulse 0.6s ease-in-out infinite alternate;
}

@keyframes pron-pulse {
	from {
		box-shadow: 0 0 0 0 rgba( 255, 183, 0, 0.6 );
	}
	to {
		box-shadow: 0 0 0 6px rgba( 255, 183, 0, 0 );
	}
}