.vp{position:relative}.vp-play{position:absolute;inset:0;z-index:3;display:grid;place-items:center;text-decoration:none;background:linear-gradient(180deg,#0b18301a,#0b18303d);border-radius:inherit}.vp-pill{display:inline-flex;align-items:center;gap:.85rem;padding:.55rem 1.5rem .55rem .6rem;border-radius:var(--radius-pill);background:#fffffff5;color:var(--navy-deep);font:700 1.05rem/1 var(--body-font);box-shadow:0 18px 40px -14px #0009,0 0 0 6px #ffffff2e;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.vp-pill i{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center}.vp-pill i svg{width:22px;height:22px;margin-left:3px}.vp-play:hover .vp-pill,.vp-play:focus-visible .vp-pill{transform:scale(1.04);box-shadow:0 24px 48px -16px #000000a6,0 0 0 10px #ffffff38}.vp-play:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.vp iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;background:#000;z-index:4}.vp.playing img{visibility:hidden}.vp.playing .vp-play{display:none}@media(prefers-reduced-motion:reduce){.vp-pill{transition:none}}
