.wa-youtube-preview { width: 340px; max-width: 100%; overflow: hidden; border-radius: 7px; margin-bottom: 6px; background: #00000009; }
.wa-youtube-preview.wa-youtube-shorts { width: 280px; }
.wa-youtube-screen { position: relative; aspect-ratio: 16 / 9; background: #111b21; }
.wa-youtube-shorts .wa-youtube-screen { aspect-ratio: 9 / 16; max-height: 460px; }
.wa-youtube-screen > button, .wa-youtube-screen > iframe { display: block; width: 100%; height: 100%; position: absolute; inset: 0; border: 0; }
.wa-youtube-screen > button { cursor: pointer; }
.wa-youtube-screen img { width: 100%; height: 100%; object-fit: cover; }
.wa-youtube-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; padding-left: 4px; width: 64px; height: 64px; border-radius: 50%; background: #000a; color: white; font-size: 32px; }
.wa-youtube-caption { padding: 9px 10px; font-size: 12px; line-height: 1.4; }
.wa-youtube-title { font-size: 14px; font-weight: 600; margin-bottom: 7px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wa-youtube-caption a { display: block; color: inherit; opacity: .8; text-decoration: none; }
.wa-youtube-caption a > span { color: #ff3131; }
.wa-youtube-caption button { margin-top: 8px; text-decoration: underline; }
.dark .wa-youtube-preview { background: #ffffff09; }
.wa-youtube-preview button:focus-visible, .wa-youtube-preview a:focus-visible { outline: 2px solid #20bfa9; outline-offset: -2px; }