/* Fill by voice -- DK-101. A large button at the top of a form's card, its
 * dictation hint, and the status line Jalpa writes each question to. */

.voice-form {
    display: flex;
    flex-direction: column;
    gap: var(--cbs-space-2, 8px);
    margin-bottom: var(--cbs-space-3, 12px);
}

.app-btn--voice {
    min-height: 48px;
    padding-left: var(--cbs-space-5, 20px);
    padding-right: var(--cbs-space-5, 20px);
    font-size: 1.05rem;
    font-weight: 600;
    align-self: flex-start;
}

.app-btn--voice[hidden] {
    display: none;
}

.voice-form [data-voice-status]:empty {
    display: none;
}

@media (max-width: 640px) {
    .app-btn--voice {
        width: 100%;
        align-self: stretch;
    }
}