Mina_B/miniprogram/component/privacy-popup/privacy-popup.scss

/* component/privacy-popup/privacy-popup.wxss */
.privacy-container {
  height: 100vh;
  width: 100vw;
  background: rgba($color: #000000, $alpha: 0.6);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;

  .privacy-content {
    width: 640rpx;
    font-size: 32rpx;
    font-family: PingFang SC-Bold, PingFang SC;
    color: #333333;
    text-align: center;
    padding: 40rpx;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .privacy-title {
    font-weight: bolder;
  }

  .content {
    padding: 40rpx 0;
    box-sizing: border-box;
    text-indent: 64rpx;
  }

  .button-container {
    display: flex;
    align-items: center;
    justify-content: space-around;

    .button {
      flex: 1;
      height: 64rpx;
      max-width: 326rpx;
      font-size: 32rpx;
      font-family: PingFang SC-Medium, PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      background: #1890ff;
      border-radius: 62rpx 62rpx 62rpx 62rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;

      .btn {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
      }
    }

    .button+.button {
      margin-left: 48rpx;
    }

    .cancel {
      background: #E6E6E6;
    }
  }
}