html,
body,
.dialog-off-canvas-main-canvas,
.scorm-ui-player,
.scorm-ui-player-iframe-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.scorm-ui-player-iframe-wrapper iframe {
  display: block;
  width: 100%;
  height: 100vh;
  border: 0;
}

.scorm-player-wrapper .button.button--secondary {
  background-color: transparent;
  color: var(--theme-text, #000);
  border-color: currentcolor;
  white-space: normal;
  @media (max-width: 1023px) {
    width: 100%;
  }
  @media (min-width: 1024px) {
    margin-right: auto;
  }

  &:hover {
    background-color: color-mix(in srgb,currentColor 5%,transparent);
    color: inherit;
  }
}