@mixin dealeSaaSWrapperMaxWidth($max-width: 75%) {
  .pi-shell__deale-saas {
    .pi-wrapper {
      // Max width
      &.pi-wrapper__full-width,
      &.pi-wrapper__full-width-centered {
        max-width: $max-width;
      }
    }
  }
}

html {
  // Mobile
  &.is-mobile {
    .pi-wrapper {
      div {
        // Fixed wrapper
        &.is-fixed {
          position: fixed;
          z-index: 99;
          left: 0;
          bottom: calc(var(--pi-height-footer) + env(safe-area-inset-bottom));
          display: flex;
          justify-content: flex-end;
          align-items: center;
          width: 100%;
          padding: var(--pi-spacing-xx-small) var(--pi-spacing-x-large);
          right: 0;
          button {
            min-width: 50%;
            box-shadow: var(--pi-box-shadow);
          }
        }
      }
    }
  }
  // Desktop
  &.is-desktop {
    @include dealeSaaSWrapperMaxWidth;
  }
}