.voice-btn{
  width:36px;
  min-width:36px;
  padding:0 !important;
  border-radius:10px !important;
  background:#EEF4FF !important;
  color:#3B82F6 !important;
  font-size:14px !important;
  transition:.2s ease;
}

.voice-btn.listening{
  background:#FEECEC !important;
  color:#D94B4B !important;
  animation:voicePulse 1.15s infinite;
}

.voice-btn.processing{
  background:#E8F8F4 !important;
  color:#14B8A6 !important;
}

.voice-status{
  min-height:15px;
  margin:5px 2px 1px;
  text-align:center;
  color:#94A3B8;
  font-size:7px;
  font-weight:700;
}

.voice-status.listening{
  color:#D94B4B;
}

.voice-status.processing{
  color:#16816A;
}

@keyframes voicePulse{
  0%{box-shadow:0 0 0 0 rgba(217,75,75,.25)}
  70%{box-shadow:0 0 0 7px rgba(217,75,75,0)}
  100%{box-shadow:0 0 0 0 rgba(217,75,75,0)}
}