.inb-ps-yt { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; cursor: pointer; overflow: hidden; border-radius: 4px; } .inb-ps-yt img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.85; transition: opacity 0.2s ease; } .inb-ps-yt:hover img { opacity: 1; } .inb-ps-yt-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 48px; border: 0; border-radius: 10px; background: rgba(23, 23, 23, 0.85); cursor: pointer; transition: background 0.2s ease; } .inb-ps-yt-play::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); border-style: solid; border-width: 11px 0 11px 19px; border-color: transparent transparent transparent #ffffff; } .inb-ps-yt:hover .inb-ps-yt-play { background: #ff0000; } .inb-ps-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }