.speechButton{
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.speechButtonActive{
  width: 100%;
  justify-content: center;
  background: url(https://cdn.wehome.cn/cmn/gif/169/META-H8UKXHWU-X0WXBKY1C0G0QA1DIH762-PGXK7IEM-OD.gif) center center no-repeat;
  background-size: 124px 27px;
  background-color:  var(--color-primary);
  // background-color: var(--color-primary);
  // background-color: var(--color-primary);
}