.video-testing {
    width: 100%;
}

.video-testing video {
    width: 100%;
    height: auto;
    max-height: 546px;
}

.video-testing .custom-controls {
    display: flex;
    width: 100%;
    height: 56px;
    align-items: center;
    margin-top: -2px;
}

.video-testing .custom-controls .buttons-block > div {
    width: 58px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.video-testing .custom-controls .buttons-block .start-video-btn {
    background-color: var(--black);
}

.video-testing .custom-controls .buttons-block .stop-video-btn {
    display: none;
    background-color: var(--button-blue);
}

.video-testing .custom-controls .current-video-time {
    height: 56px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.video-testing .custom-controls .current-video-time span {
    margin: 0 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.video-testing .custom-controls .current-video-time .current-video-time_back {
    position: absolute;
    height: 100%;
    left: 0;
    background-color: var(--button-blue);
    width: 0;
    z-index: -1;
}