.tts-button {
    background: linear-gradient(145deg, #ffffff, #e0e0e0);
    border: none;
    border-radius: 50%;
    box-shadow: 8px 8px 16px #aaaaaa, -8px -8px 16px #ffffff;
    width: 60px;
    height: 60px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tts-button img {
    width: 30px;
    height: 30px;
}

.tts-button:hover {
    background: linear-gradient(145deg, #e0e0e0, #ffffff);
    box-shadow: 8px 8px 16px #bbbbbb, -8px -8px 16px #ffffff;
}