.gift-container {
  display: flex;
  height: 54px;
  z-index: 3px;
  position: relative;
  justify-content: space-between;
  align-items: center;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  .lin {
    height: 20px;
    opacity: 0.2;
    width: 1px;
    background-color: #fff;
  }
  .balance,
  .coupon {
    text-align: center;
    color: #fff;
    color: #ffffff;
    text-align: center;
    flex: 1;
    .text {
      display: block;
      font-size: 18px;
      font-weight: bold;
    }
    .title {
      opacity: 0.7;
      font-size: 12px;
      margin-bottom: 5px;
    }
    .unit {
      font-style: normal;
      font-size: 10px;
    }
  }
}
