.video-embed{background:#222;border-radius:12px;color:#fff;display:block;overflow:hidden;position:relative;width:100%}.video-embed--ratio-16x9:before,.video-embed--ratio-1x1:before,.video-embed--ratio-4x3:before{content:"";display:block;width:100%}.video-embed--ratio-16x9:before{padding-bottom:56.25%}.video-embed--ratio-4x3:before{padding-bottom:75%}.video-embed--ratio-1x1:before{padding-bottom:100%}.video-embed__inner{background:#222;display:grid;inset:0;place-items:center;position:absolute}.video-embed__poster{filter:brightness(.85);height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .4s ease,filter .3s ease;width:100%}.video-embed__button{background:hsla(0,0%,100%,.92);border:0;border-radius:999px;cursor:pointer;display:grid;height:72px;place-items:center;position:relative;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;width:72px;z-index:2}.video-embed__button:focus-visible,.video-embed__button:hover{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.35);outline:none;transform:scale(1.06)}.video-embed__button-icon{display:block;height:28px;width:28px}.video-embed__player,.video-embed__player iframe,.video-embed__player video{height:100%;inset:0;position:absolute;width:100%}.video-embed--playing .video-embed__button,.video-embed--playing .video-embed__poster{opacity:0;pointer-events:none}.video-embed--playing .video-embed__poster{filter:brightness(1);transform:scale(1.03)}.video-embed__button:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(0,0,0,.4)}@media (max-width:480px){.video-embed__button{height:60px;width:60px}.video-embed__button-icon{height:24px;width:24px}}