.ml-hos-icon-btn.tree78-requesting {
  background: #fff1c9;
  color: #8a6100;
  box-shadow: 0 0 0 2px #f5d36d;
}

.ml-hos-icon-btn.tree78-recording {
  background: #b42318;
  color: #fff;
  box-shadow: 0 0 0 3px #f4c7c3;
  animation: tree78-recording-pulse 1s infinite;
}

.tree78-rec.tree78-requesting {
  background: #fff1c9;
  color: #8a6100;
}

.tree78-rec.tree78-recording {
  background: #b42318;
  color: #fff;
  animation: tree78-recording-pulse 1s infinite;
}

@keyframes tree78-recording-pulse {
  50% { opacity: .58; transform: scale(.94); }
}

.tree78-floating-rec {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 2147483641;
  min-height: 48px;
  border: 0;
  border-radius: 999px;
  padding: 0 20px;
  background: #b42318;
  color: #fff;
  box-shadow: 0 12px 36px rgba(92, 20, 15, .34);
  font: 900 14px/1 system-ui, sans-serif;
  cursor: pointer;
  animation: tree78-recording-pulse 1s infinite;
}

.tree78-floating-rec.tree78-requesting {
  background: #8a6100;
}

@media (max-width: 700px) {
  .tree78-floating-rec { right: 14px; bottom: 14px; max-width: calc(100vw - 28px); }
}