.address-card {
  overflow: hidden;
  background: var(--background-color-white);
  border-radius: var(--border-radius-base);

  .address-content {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 32rpx 24rpx;
    color: var(--text-color-base);
  }
}

.address-label {
  display: flex;
  flex: 1;
  flex-direction: column;

  .address-basic {
    display: flex;
    flex: 1;
    height: 42rpx;
    font-size: 30rpx;
    font-weight: 500;
    line-height: 42rpx;

    .address-tel {
      margin-left: 32rpx;
    }

    .address-tag {
      width: 86rpx;
      height: 40rpx;
      margin-left: 16rpx;
      font-size: var(--font-size-sm);
      line-height: 40rpx;
      color: var(--color-primary);
      text-align: center;
      background: var(--color-orange-light);
    }
  }

  .address-detail {
    margin-top: 16rpx;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
  }
}

.address-icon {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80rpx;

  .address-icon--edit {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 48rpx;
  }

  .address-icon--link {
    padding-left: 48rpx;
  }
}

.address-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 100%;
  font-size: var(--font-size-lg);
  color: var(--white);
  background: var(--color-danger);
  border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0;
}

.address-empty--btn {
  margin: 40rpx auto;
}

.envelope {
  background: linear-gradient(white, white) padding-box,
    repeating-linear-gradient(
        -45deg,
        #ff4c5b 0,
        #ff4c5b 17%,
        white 0,
        white 25%,
        #7878ff 0,
        #7878ff 42%,
        white 0,
        white 50%
      )
      0 / 5em 5em;
  border-bottom: 12rpx solid transparent;
}