/* Shared base */
.youtube-facade {
position: relative;
background-size: cover;
background-position: center center; /* default, ensures centered crop */
cursor: pointer;
overflow: hidden;
background: #000;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
/* Thumbnail */
.youtube-facade img {
width: 100%;
height: 100%;
object-fit: cover; /* Ensures it fills while cropping gracefully */
display: block;
}
/* Play button */
.youtube-facade .yt-play {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 68px; height: 48px;
background: url("https://img.icons8.com/ios-filled/100/ffffff/play--v1.png") no-repeat center center;
background-size: 68px 48px;
opacity: 0.85;
transition: opacity 0.3s;
}
.youtube-facade:hover .yt-play { opacity: 1; }
