.mic-btn {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: linear-gradient(135deg, #4285F4, #34A853);
      border: none;
      color: white;
      font-size: 24px;
      cursor: pointer;
      margin: 20px auto;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 15px rgba(66, 133, 244, 0.4);
      transition: all 0.3s ease;
      position: relative;
  }

  .mic-btn:hover {
      transform: scale(1.05);
      box-shadow: 0 6px 20px rgba(66, 133, 244, 0.6);
  }

  .mic-btn.listening {
      animation: pulse 1.5s infinite;
      background: linear-gradient(135deg, #EA4335, #FBBC05);
  }

  @keyframes pulse {
      0% {
          transform: scale(1);
      }

      50% {
          transform: scale(1.1);
      }

      100% {
          transform: scale(1);
      }
  }

  .wave {
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background: rgba(66, 133, 244, 0.2);
      opacity: 0;
      pointer-events: none;
  }

  .listening .wave {
      animation: wave 1.5s infinite;
  }

  @keyframes wave {
      0% {
          transform: scale(0.8);
          opacity: 0.7;
      }

      100% {
          transform: scale(1.5);
          opacity: 0;
      }
  }

  #lastCommand {
      max-width: 400px;
      width: 100%;
      text-align: center;
      margin-top: 20px;
  }

  .command-result {
      padding: 15px;
      border-radius: 8px;
      margin-bottom: 10px;
  }