.nw-mobileappprompt {
  font-family: $primary-font-family;
  font-weight: 600;

  .nwc-modal-children {
    padding: 0;
  }

  .nwc-modal {
    position: absolute;
    bottom: 0;
    animation: slideBottomUp 0.5s ease;
    min-height: $mobileappprompt-modal-minheight;
    height: $mobileappprompt-modal-height;
    padding: 0;
    will-change: transform;

    @media screen and (min-width: $screen-min-sm) {
      animation: none;
    }
  }

  .nwc-modal-close {
    display: none;
  }
}

.nw-mobileappprompt-header {
  display: flex;
  margin: 20px 0;
}

.nw-mobileappprompt-logo {
  margin: 0 10px;
  width: $mobileappprompt-logo-width;
  height: $mobileappprompt-logo-height;
}

.nw-mobileappprompt-title {
  margin: 0 10px;
  padding: 10px 0;
}

.nw-mobileappprompt-footer {
  justify-content: flex-end;
  display: flex;
  margin: 20px 0;
}

.nw-mobileappprompt-ok {
  margin: 0 10px;
  padding: 6px;
  font-size: $font-size-sm;
  font-weight: 600;
  text-decoration: none;
}

.nw-mobileappprompt-cancel {
  margin: 0 10px;
  font-size: $font-size-sm;
  font-weight: 600;
  color: $mobileappprompt-cancel-button;
}