/* Video's (core/classes/Embed.php, assets/js/embed.js): 16:9, pas na een klik geladen */
.kb-embed { margin: 1.25rem 0; }
.kb-embed__knop, .kb-embed iframe {
    display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .75rem;
    width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 8px; background: #1d2327; color: #fff; cursor: pointer;
}
.kb-embed__knop:hover .kb-embed__play, .kb-embed__knop:focus-visible .kb-embed__play { background: #d63638; }
.kb-embed__knop:focus-visible { outline: 3px solid #2271b1; outline-offset: 2px; }
.kb-embed__play {
    width: 68px; height: 48px; border-radius: 12px; background: rgba(255, 255, 255, .2); position: relative; transition: background .15s;
}
.kb-embed__play::after {
    content: ""; position: absolute; left: 28px; top: 14px; border-style: solid; border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #fff;
}
.kb-embed__tekst { font-weight: 600; }
.kb-embed__uitleg { font-size: .85rem; color: #646970; margin-top: .4rem; }
.kb-embed--speelt .kb-embed__uitleg { display: none; }