.pwa_dialog {
  display: none;
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(#000, 0.5);

  .dialog-wrapper {
    position: fixed;
    z-index: 51;
    bottom: 50px;
    left: 50%;
    @include transform(translateX(-50%));
    background: #fff;
    padding: 20px;
    @extend %defaultBorderRadius;
    @extend %defaultBoxShadow;
    text-align: center;

    @media (max-width: 768px) {
      width: 95%;
    }

    .btns {
      margin-top: 30px;

      button {
        margin: 5px 10px;
      }

      .cancel {
        border-color: $theme;
        color: $theme;
      }
    }
  }

  &.active {
    display: block !important;
  }
}