.mpb-motion { position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.mpb-motion video {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: contain; background: #e5ded1; opacity: 0;
  pointer-events: none; transition: opacity .15s linear;
  border-radius: 6rem .65rem .65rem .65rem;
}
.mpb-motion__toggle {
  position: absolute; bottom: 1rem; left: 1rem; z-index: 2;
  border: 1px solid rgba(255,255,255,.7); border-radius: 2rem;
  padding: .6rem .9rem; min-height: 44px;
  background: #293d30; color: #fff9ee;
  font: 600 .82rem/1.25 system-ui, sans-serif; cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.mpb-motion__toggle:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.mpb-motion__status {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) { .mpb-motion video { transition: none; } }
@media (max-width: 47.99rem) { .mpb-motion video { border-radius: 4rem .5rem .5rem .5rem; } }