.hk-video{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;background:#0f3554;color:#fff!important;text-align:center;text-decoration:none!important;cursor:pointer;overflow:hidden}
.hk-video__play{position:relative;z-index:1;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#1f7fc8;box-shadow:0 8px 24px rgb(0 0 0 / .35);transition:transform .2s}
.hk-video:hover .hk-video__play{transform:scale(1.08)}
.hk-video__play::before{content:"";margin-left:5px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}
.hk-video__title{font-weight:600;line-height:1.25;max-width:32em}
.hk-video__note{font-size:.82rem;line-height:1.35;color:#b9d0e2!important}
/* With the video's own thumbnail: the picture fills the frame, the play button sits on it, the note runs along the bottom. */
.hk-video__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hk-video--poster .hk-video__note{position:absolute;left:0;right:0;bottom:0;padding:5px 12px;font-size:.74rem;background:rgb(15 53 84 / .82);color:#eaf3fa!important}
@media (max-width:600px){.hk-video--poster .hk-video__more{display:none}.hk-video--poster .hk-video__play{width:56px;height:56px}.hk-video--poster .hk-video__play::before{border-width:10px 0 10px 17px}}