#my-tts-speaker-button {
    position: fixed;
    top: 50%; /* Letakkan 50% dari atas viewport */
    transform: translateY(-50%); /* Gerakkan ke atas sebanyak separuh ketinggian butang sendiri untuk centernya */
    right: 20px;  /* Kekalkan jarak dari kanan */

    background-color: #0073aa; /* WordPress blue */
    color: white;
    border-radius: 25px; /* Bentuk lonjong dari awal */
    width: 80px; /* Lebar asal untuk teks "Voice" */
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px; /* Saiz font untuk teks "Voice" / "ON" */
    font-weight: bold; /* Teks lebih tebal */
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 9999; /* Pastikan ia di atas semua elemen lain */
    transition: background-color 0.3s ease, width 0.3s ease, border-radius 0.3s ease, font-size 0.3s ease;
    overflow: hidden; /* Penting untuk menyembunyikan overflow teks */
    white-space: nowrap; /* Pastikan teks tidak wrap */
    padding: 0 15px; /* Padding untuk teks */
}

#my-tts-speaker-button:hover {
    background-color: #005177;
}

#my-tts-speaker-button.active {
    background-color: #dc3232; /* Merah bila aktif */
    width: 60px; /* Mungkin lebih kecil untuk teks "ON" */
    border-radius: 25px; /* Kekalkan lonjong */
    font-size: 20px; /* Kekalkan saiz font */
}

/* Style untuk elemen <span> yang mengandungi teks */
#my-tts-speaker-button span {
    display: block; /* Pastikan ia block untuk flexbox alignment */
    text-align: center;
    width: 100%; /* Ambil lebar penuh butang */
    transition: opacity 0.3s ease;
}

/* Tiada ikon, jadi tiada style untuk ikon lagi */
/* #my-tts-speaker-button i.fas { ... } */
/* #my-tts-speaker-button.active i.fas { ... } */

/* Tiada lagi .tts-status-text kerana satu span sahaja digunakan */
/* #my-tts-speaker-button .tts-status-text { ... } */
/* #my-tts-speaker-button.active .tts-status-text { ... } */

/* Style for active selected text - optional */
.highlight-tts {
    background-color: yellow;
    font-weight: bold;
}