.mod-kepujsag {
  max-width: 100%;
}

.mod-kepujsag__frame {
  display: grid;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #000;
  place-items: center;
}

.mod-kepujsag__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mod-kepujsag__controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  margin-top: .75rem;
}

.mod-kepujsag__controls .btn {
  min-width: 7rem;
  min-height: 2.75rem;
}

.mod-kepujsag__status {
  margin: .5rem 0 0;
  text-align: center;
}

.mod-kepujsag:focus-visible {
  outline: .2rem solid currentColor;
  outline-offset: .25rem;
}

@media (max-width: 30rem) {
  .mod-kepujsag__controls .btn {
    flex: 1 1 7rem;
  }
}