.incident-dictation {
    display: block;
    width: 100%;
}

.incident-dictation__controls {
    align-items: center;
    display: flex !important;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    margin: 0 0 .5rem;
    min-height: 2.75rem;
    opacity: 1 !important;
    visibility: visible !important;
}

.incident-dictation__button {
    align-items: center;
    background: #fff;
    border: 1px solid #e95632;
    border-radius: .65rem;
    color: #17394a;
    cursor: pointer;
    display: inline-flex !important;
    font: inherit;
    font-weight: 700;
    gap: .55rem;
    min-height: 2.75rem;
    padding: .65rem 1rem;
}

.incident-dictation__button:hover,
.incident-dictation__button:focus-visible {
    background: #fff3ef;
    outline: 2px solid transparent;
}

.incident-dictation__icon {
    color: #e95632;
    font-size: 1rem;
}

.incident-dictation.is-listening .incident-dictation__button {
    background: #b42318;
    border-color: #b42318;
    color: #fff;
}

.incident-dictation.is-listening .incident-dictation__icon {
    animation: incident-dictation-pulse 1.2s ease-in-out infinite;
    color: #fff;
}

.incident-dictation__status {
    color: #526b78;
    font-weight: 600;
}

.incident-dictation__hint {
    color: #657b86;
    font-size: .92rem;
    margin: 0 0 .65rem;
}

.incident-dictation__button:disabled {
    cursor: not-allowed;
    opacity: .62;
}

.incident-dictation.is-unavailable .incident-dictation__status {
    color: #9b2c2c;
}

@keyframes incident-dictation-pulse {
    50% { opacity: .35; transform: scale(.75); }
}

@media (max-width: 720px) {
    .incident-dictation__button {
        justify-content: center;
        width: 100%;
    }
}