.VideoInfoSection {
    display: flex;

    &-main-info {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    &-cancel {
        margin-left: auto;
    }

    /* stylelint-disable selector-class-pattern */
    &-cancel-button.btn.btn-sm {
        font-size: 0;
        padding: 6px;
    }

    &-trash-button.btn.btn-sm {
        float: right;
        font-size: 0;
        padding: 6px;
    }
    /* stylelint-enable selector-class-pattern */

    &-video-title {
        @include video-title($gorilla);
        overflow-wrap: break-word;
    }

    &-video-size {
        @include video-size($gorilla);
    }

    &-replace {
        float: right;
    }
}

.VideoInfoSection-validation {
    .VideoInfoSection-video-title {
        @include video-title($timberwolf);
    }

    .VideoInfoSection-video-size {
        @include video-size($timberwolf);
    }
}