.voice-session-button {
  background: radial-gradient(circle at 50% 40%, #5f6675 0%, #2c313b 45%, #0f1218 72%, #050608 100%);
  box-shadow:
    inset 0 2px 2px rgba(255, 255, 255, 0.12),
    inset 0 -8px 14px rgba(0, 0, 0, 0.7),
    0 6px 10px rgba(0, 0, 0, 0.55);
}

.voice-session-button__face {
  background: radial-gradient(circle at 50% 28%, #ff9898 0%, #ff4a4a 26%, #ff1d1d 52%, #d90404 74%, #8f0202 100%);
  box-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.32),
    inset 0 -7px 10px rgba(120, 0, 0, 0.7),
    0 0 12px rgba(255, 40, 40, 0.32);
}

.voice-session-button.is-active {
  color: #dc2626;
  background: radial-gradient(circle at 50% 40%, #fef9c3 0%, #fde047 28%, #facc15 58%, #eab308 78%, #a16207 100%);
  box-shadow:
    inset 0 2px 2px rgba(255, 255, 255, 0.42),
    inset 0 -8px 14px rgba(133, 77, 14, 0.45),
    0 6px 12px rgba(250, 204, 21, 0.4);
}

.voice-session-button.is-active .voice-session-button__face {
  background: radial-gradient(circle at 50% 28%, #fffde7 0%, #fef08a 24%, #fde047 50%, #facc15 72%, #ca8a04 100%);
  box-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.45),
    inset 0 -7px 10px rgba(161, 98, 7, 0.38),
    0 0 16px rgba(250, 204, 21, 0.42);
}