.lawler-yt-facade {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    /* aspect-ratio: 16 / 9; */
    background: #000;
    cursor: pointer;
    overflow: hidden;
}

.lawler-yt-facade img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    transition: filter 0.2s;
}

.lawler-yt-facade:hover img {
    filter: brightness(0.75);
}

.lawler-yt-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
    pointer-events: none;
    transition: transform 0.15s;
}

.lawler-yt-facade:hover .lawler-yt-play {
    transform: translate(-50%, -50%) scale(1.1);
}
