/* Postie · VoiceButton — the oxblood microphone. 36 in chrome · 40 in reply · 56 full-width on mobile. */
.postie-voice {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  box-sizing: border-box; width: 36px; height: 36px; padding: 0; flex-shrink: 0;
  border: 0; border-radius: var(--postie-radius-pill);
  background: var(--postie-accent); color: var(--postie-accent-ink);
  font-family: var(--postie-font-ui); font-size: 16px; font-weight: 700; line-height: 1;
  cursor: pointer;
  transition: background-color var(--postie-duration) var(--postie-ease);
}
.postie-voice:hover { background: #6F1622; }
.postie-voice:focus-visible { outline: 2px solid var(--postie-c-ink); outline-offset: 2px; }
.postie-voice--chrome { width: 36px; height: 36px; }
.postie-voice--reply  { width: 40px; height: 40px; }
.postie-voice--mobile { width: 100%; height: 56px; padding: 0 24px; }
.postie-voice__icon { width: 16px; height: 16px; fill: none; stroke: var(--postie-accent-ink); stroke-width: 2.2; stroke-linecap: round; flex-shrink: 0; }
.postie-voice--mobile .postie-voice__icon { width: 18px; height: 18px; }
/* listening: the dot appears; the shape does not pulse */
.postie-voice[aria-pressed="true"] .postie-voice__icon { stroke: var(--postie-accent-ink); }
.postie-voice__dot { width: 8px; height: 8px; border-radius: 999px; background: var(--postie-accent-ink); }