/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 08 2026 | 10:56:57 */

/* DD - TTS Button CSS - Version 1.0.1 */

/* Settings icon - Normal state */
.tts__listent_content .tts-settings-icon {
    padding: 2px !important;
    background-color: #fff;
    margin-right: 5px;
}

/* Button spacing */
.tts_play_button,
tts-play-button {
    margin-bottom: 20px;
}

/* Button colors */
.tts__listent_content {
    --tts-hover-color: #fff !important;
    --tts-color: #fff !important;
}

/* FIX - Settings background on main button hover */
.tts__listent_content:hover .tts-settings-icon,
.tts__listent_content .tts-settings-icon:hover {
    background-color: #000000 !important;
}

/* FIX - Specific TTS button */
button#tts__listent_content_1:hover .tts-settings-icon {
    background-color: #000000 !important;
}

/* Button text hover */
button#tts__listent_content_1 span:hover {
    color: #fff !important;
}

/* Button size */
.tts__listent_content {
    width: auto;
    padding: 8px 50px;
}

/* Main button hover */
.tts__listent_content:hover {
    background-color: #414636;
    color: #ffffff !important;
    width: auto;
    padding: 8px 50px;
}

/* Button layout */
.tts__listent_content .tts_button,
.tts__listent_content .tts-button-left {
    flex-direction: row-reverse;
}