.o-mail-VoiceRecorder.o-recording {
    background-color: $gray-200;
}

.o-mail-VoiceRecorder-dot {
    animation: flash 2s ease infinite;
    animation-iteration-count: 2;
}

.o-mail-VoiceRecorder-elapsed {
    width: max-content;
    &.o-active {
        transition: max-width 2s ease-in-out, width 1s ease-in-out;
        max-width: 500px;
    }
    &:not(.o-active) {
        transition: max-width 1s ease-in-out;
    }
}