.video-preview{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:var(--navy);color:white;cursor:pointer;overflow:hidden;text-align:center}.video-preview>img{width:100%;height:100%;object-fit:cover;opacity:.55}.video-preview>span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;font:600 13px Arial,sans-serif;background:linear-gradient(0deg,#102b4350,#102b4320)}.video-preview b{display:grid;place-items:center;width:62px;height:62px;background:var(--red);border-radius:50%;font-size:23px;padding-left:4px}.video-preview:hover>img{opacity:.7}.video-preview:focus-visible{outline:3px solid #ef9e37;outline-offset:4px}