.faq-video-preview.external-content-link { display: block; max-width: 760px; margin: 1rem 0; padding: 0; overflow: hidden; border: 1px solid #e5c8d6; border-radius: 12px; background: #fff; color: #a0004e; text-decoration: none; }
.faq-video-preview__media { display: block; position: relative; background: #080820; }
.faq-video-preview__media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; }
.faq-video-preview__play { display: grid; place-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: clamp(52px, 9vw, 72px); height: clamp(52px, 9vw, 72px); border: 2px solid #fff; border-radius: 50%; background: #cf0065; box-shadow: 0 3px 18px rgba(0,0,0,.35); }
.faq-video-preview__play::after { content: ''; width: 0; height: 0; margin-left: 5px; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 17px solid #fff; }
.faq-video-preview__caption { display: block; padding: .85rem 1rem; font-size: .9rem; line-height: 1.6; overflow-wrap: anywhere; }
.faq-video-preview:hover .faq-video-preview__play, .faq-video-preview:focus-visible .faq-video-preview__play { background: #191559; }
.faq-video-preview:focus-visible { outline: 3px solid #a0004e; outline-offset: 4px; }