.dictation-row {
  display: flex;
  align-items: center;
  gap: .65rem;
  flex-wrap: wrap;
  margin-top: .65rem;
}

.dictation-row button {
  min-height: 44px;
}

#dictateLocal[data-state="listening"],
#dictateLocal[data-state="transcribing"] {
  border-color: currentColor;
  font-weight: 700;
}

.dictation-status {
  flex: 1 1 16rem;
  margin: 0;
  font-size: .875rem;
  line-height: 1.4;
  opacity: .82;
}

@media (max-width: 390px) {
  .dictation-row {
    align-items: stretch;
  }

  .dictation-row button {
    flex: 1 1 auto;
  }

  .dictation-status {
    flex-basis: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  #dictateLocal {
    transition: none;
  }
}