/*
 * @file
 * tts_speech.css
 * Styles for the auto-generated 'tts-speak' elements.
 */
.tts-speak {
  background-color: #fff9c4;
  border-bottom: 2px solid #fbc02d;
  padding: 2px 6px;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  transition: background-color 0.2s ease;
  /* Add a tiny bit of space */
  margin: 0 1px;
}

.tts-speak:hover {
  background-color: #fdf5b0;
}

.tts-speak:focus {
  box-shadow: 0 0 0 2px #007bff;
}

.tts-icon {
  font-style: normal;
  display: inline-block;
  margin-left: 4px;
  opacity: 0.6;
  user-select: none;
}