.PeaksControlBar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
    padding-top: 20px;

    .Glyph.CheckmarkGlyph {
        fill: white;
    }

    &-play-pause-circle {
        @include circle(40px, var(--blue));

        cursor: pointer;
        margin-right: 10px;

        .Icon * {
            fill: var(--white);
            stroke: var(--white);
        }
    }

    &-play-pause-circle-disabled {
        background-color: var(--gray-600);
    }

    &-duration-file {
        flex: 1;
    }

    &-duration {
        color: var(--gray-700);
        font-size: 14px;
        font-weight: 500;
    }

    &-file-name {
        color: var(--gray-700);
        font-size: 12px;
    }

    &-delete-button {
        margin-left: 19px;
    }

    &-reupload-button {
        margin-left: 19px;
    }

    &-download-audio {
        display: inline-flex;

        .btn {
            height: 40px;
        }

        .Loading-spinner {
            margin-right: 16px;
            height: 40px;
            width: 40px;
        }
    }
}