.rgk-videoHero { margin: 1.5rem auto 2rem; max-width: 1100px; }
.rgk-videoPoster { position: relative; aspect-ratio: 16/9; background: #15152c; overflow: hidden; border-radius: 6px; }
.rgk-videoPoster img,.rgk-videoPoster iframe { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; border: 0; }
.rgk-videoPoster button { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; border: 0; background: linear-gradient(transparent,#0005); color: #fff; font: 700 1rem/1.4 system-ui,sans-serif; }
.rgk-videoPoster button i { display: grid; place-items: center; width: 70px; height: 70px; border-radius: 50%; background: #b72b8e; font-size: 2.4rem; }
.rgk-videoPoster button:focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
.rgk-videoHero figcaption { font-size: .82rem; font-style: italic; margin-top: .5rem; color: var(--bs-secondary-color,#666); }