.tts-button {
    background-color: #EEE; /* Green */
    color: #59E;
    padding: 5px 10px 5px 10px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    
}

.tts-button:hover {
  background-color: #555;
  color: #5E9;
}
/* Highlight the current word without changing the layout */
.word {
  display: inline-block;
  white-space: pre-wrap; /* Preserve spacing */
}

.highlight {
    background-color: #FFAA00;
    transition: background-color 0.2s ease;
    border-radius: 5px;
}