#volume,.volume {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: block !important;
  font-size: 27px;
  background: transparent;
  /* background: #33ff00; */
  color: #000;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
  padding-top: 1px;
  position: absolute;
  right: 26px;
  top: 5px;
  padding-left: 10px;
}
.hide_voice{
  display: none !important;
}

    /* #volume.listening {

      background: red;

      color: white;

    } */



    #output {
      display: none;
      font-size: 20px;

      margin-top: 20px;

      padding: 10px;

      border: 1px solid #ccc;

      max-width: 600px;

      margin-left: auto;

      margin-right: auto;

      border-radius: 8px;

    }



    #status {

      font-weight: bold;

      color: #555;

    }



    #volume svg,.volume svg{
      font-size: 14px;
      fill: #a7a6a6;
      width: 58%;
  }
  #volume.listening svg,.volume.listening svg{
    fill: #f00;
  }
#output-voice{
  width: 100%;
  position: relative;
}