@charset "UTF-8";
body .g-button {
  background: #ffbfa2;
}
body .g-button:hover {
  color: #ffbfa2 !important;
  border-color: #ffbfa2 !important;
  background: #fff;
}
body .g-button.g-button--invert {
  color: #ffbfa2 !important;
  border-color: #ffbfa2 !important;
}
body .g-button.g-button--invert:hover {
  background: #ffbfa2;
  color: #fff !important;
}
#speakButton {
  display: inline-block;
  font-size: 16px;
  color: #ffbfa2;
  border-radius: 250px;
  border: 1px solid #ffbfa2;
  padding: 12px 22px 12px 45px;
  background: #0000;
  position: relative;
}
#speakButton:before {
  content: "🔊";
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  left: 15px;
  top: calc(50% - 9px);
}
#speakButton.speaking:before {
  content: "⏸";
}
#speakButton.speaking.paused:before {
  content: "🔊";
}