epresto-speech {
    
}

epresto-speech button.butControl {
    
    width: 60px;
    aspect-ratio: 1;

    
    background-size: contain;
    background-repeat: no-repeat;

    border:0px solid;
    background-color: transparent;
    
    padding: 0px;

}

epresto-speech button.butControl:disabled {
    filter: grayscale(1);            
    opacity: 0.2;
}


epresto-speech button.butControl.playing {
    background-image: url('../../Pix/EprestoControls/EprestoSpeech/Playing.svg');    
}

epresto-speech button.butControl.playing.isAndroid {   
    background-image: url('../../Pix/EprestoControls/EprestoSpeech/PlayingIsAndroid.svg');  
}

epresto-speech button.butControl.paused {
    background-image: url('../../Pix/EprestoControls/EprestoSpeech/Paused.svg');    
}

epresto-speech button.butControl.stopped {
    background-image: url('../../Pix/EprestoControls/EprestoSpeech/Stopped.svg');    
}


epresto-speech button.butControl.playing::before {
    content: '';
    width: 60px;
    aspect-ratio: 1;
    display: block;
    background-image: url('../../Pix/EprestoControls/EprestoSpeech/Action.svg');         
    
    background-size: contain;
    background-repeat: no-repeat;

    transform: rotate(360deg);
    animation: spin 2s linear infinite;        
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}