li{margin-bottom:12px}
    .youtubePreview{
        position:relative;
        display:block;
        width:100%;
        aspect-ratio:16/9;
        padding:0;
        border:0;
        background:#000;
        cursor:pointer;
        overflow:hidden;
    }
    .youtubePreview img{
        width:100%;
        height:100%;
        display:block;
        object-fit:cover;
    }
    .youtubePreview::before{
        content:"";
        position:absolute;
        inset:0;
        background:rgba(0,0,0,.16);
        transition:background .2s ease;
    }
    .youtubePreview::after{
        content:"▶";
        position:absolute;
        left:50%;
        top:50%;
        width:74px;
        height:52px;
        margin-left:-37px;
        margin-top:-26px;
        border-radius:12px;
        background:#DF0150;
        color:#fff;
        font-size:28px;
        line-height:52px;
        text-align:center;
        text-indent:4px;
        box-shadow:0 6px 18px rgba(0,0,0,.28);
        transition:transform .2s ease, background .2s ease;
    }
    .youtubePreview:hover::before,
    .youtubePreview:focus::before{
        background:rgba(0,0,0,.05);
    }
    .youtubePreview:hover::after,
    .youtubePreview:focus::after{
        background:#c80047;
        transform:scale(1.05);
    }
    .youtubePreview:focus{
        outline:3px solid #fff;
        outline-offset:3px;
    }