/* Mute active color only — no call logic change */
.fx-call-mute[aria-pressed="true"],
.fx-call-mute.active,
.fx-call-mute.is-active,
.fx-call-mute.muted,
.fx-call-mute.fx-call-mute-clean-active {
  background: rgba(255,255,255,.24) !important;
  border-color: rgba(255,255,255,.75) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.28), 0 8px 22px rgba(0,0,0,.18) !important;
}

.fx-call-mute[aria-pressed="true"] svg,
.fx-call-mute.active svg,
.fx-call-mute.is-active svg,
.fx-call-mute.muted svg,
.fx-call-mute.fx-call-mute-clean-active svg,
.fx-call-mute[aria-pressed="true"] svg *,
.fx-call-mute.active svg *,
.fx-call-mute.is-active svg *,
.fx-call-mute.muted svg *,
.fx-call-mute.fx-call-mute-clean-active svg * {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.fx-call-mute[aria-pressed="true"] span,
.fx-call-mute.active span,
.fx-call-mute.is-active span,
.fx-call-mute.muted span,
.fx-call-mute.fx-call-mute-clean-active span {
  color: #ffffff !important;
  font-weight: 700 !important;
}