.mg-tts-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='107' viewBox='0 0 108 107' fill='none'%3E%3Cscript xmlns=''/%3E%3Cpath d='M30.5 60.1253H23.8333V106.792H30.5C32.3333 106.792 33.8333 105.292 33.8333 103.459V63.4586C33.8333 61.6253 32.3333 60.1253 30.5 60.1253Z' fill='black'/%3E%3Cpath d='M77.1667 60.1253C75.3334 60.1253 73.8334 61.6253 73.8334 63.4586V103.459C73.8334 105.292 75.3334 106.792 77.1667 106.792H83.8334V60.1253H77.1667Z' fill='black'/%3E%3Cpath d='M107.167 53.4586C107.167 24 83.292 0.125305 53.8333 0.125305C24.3747 0.125305 0.5 24 0.5 53.4586C0.5 59.8545 1.625 65.9794 3.68747 71.6666C1.66667 75.125 0.5 79.1666 0.5 83.4584C0.5 95.2084 9.18747 104.937 20.5 106.562V60.3544C17.1667 60.8335 14.0625 62.0002 11.3541 63.7293C10.7916 60.9376 10.5 58.0626 10.5 55.1042C10.5 31.1869 29.896 11.7709 53.8333 11.7709C77.7506 11.7709 97.1666 31.1669 97.1666 55.1042C97.1666 58.0626 96.875 60.9376 96.3125 63.7293C93.6042 62.0001 90.5 60.8334 87.1666 60.3544V106.542C98.4584 104.917 107.167 95.1882 107.167 83.4384C107.167 79.1466 106 75.105 103.979 71.6466C106.042 66.0008 107.167 59.8549 107.167 53.4586Z' fill='black'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
  background-size: cover;
  content: "";
  height: 20px;
  width: 20px;
  margin-right: 10px;
  display: inline-block;
  margin-top: auto;
  margin-bottom: auto;
}
.mg-tts-button {
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 999px;
  box-shadow: none;
  margin-bottom: 0px;
  padding: 10px 25px;
  display: flex !important;
  color: black !important;
  font-size: 1rem !important;
  text-transform: none !important;
  align-items: center;
}
.mg-tts-button:hover {
  background: #fff !important;
  color: black !important;
  opacity: 0.8 !important;
}

.mg-tts-button span {
  margin-top: auto;
  margin-bottom: auto;
}

.mg-text-to-speech audio {
  display: none;
}

.mg-text-to-speech.active .mg-tts-button {
  display: none !important;
}