.art-video-player {
    .art-bottom {
        display: flex;
        flex-direction: column;
        justify-content: end;
        .art-full(60);
        top: auto;
        gap: var(--art-bottom-gap);
        bottom: var(--art-bottom-offset);
        height: var(--art-bottom-height);
        padding: 0 var(--art-bottom-padding);
        opacity: 0;
        pointer-events: none;
        transition: all var(--art-duration) ease;
        .art-bottom-gradient();
    }

    &.art-control-show,
    &.art-hover {
        .art-bottom {
            bottom: 0;
            opacity: 1;
        }
    }
}