.status-card > div:first-child {
  min-width: 0;
  flex: 1;
}

.status-card p:last-of-type {
  margin: 10px 0 0;
  color: var(--muted);
}

.status-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.status-actions button {
  white-space: nowrap;
}

.voice-meter {
  height: 7px;
  margin-top: 16px;
  overflow: hidden;
  border-radius: 999px;
  background: #070a10;
}

.voice-meter i {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #43d9a3, #b5ffe5);
  transform: scaleX(.02);
  transform-origin: left;
  transition: transform 70ms linear;
}

@media (max-width: 520px) {
  .status-card {
    flex-direction: column;
  }

  .status-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .status-actions button {
    flex: 1;
  }
}