.diy_star_luck_card_box{
      display: block;
      position: relative;
      width: 100%;
      perspective: 1000px;
      transition: all 0.3s;
      border-radius: 0px 0px 0px 0px;
      cursor: pointer;
    }
    .diy_star_luck_card_box:hover .diy_star_luck_card{
      transform: rotateY(180deg);
    }
    .diy_star_luck_card {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 133%;
      transition: transform 0.8s;
      transform-style: preserve-3d;
    }

    .diy_star_luck_front, .diy_star_luck_back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      background-position: center;
      background-size: 100% 100%;
      color: white;
    }

    .diy_star_luck_front{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      padding: 32px;
      box-sizing: border-box;
    }
    .diy_star_luck_front_title{
      font-weight: 500;
      font-size: 30px;
      color: #FFFFFF;
      letter-spacing: 3px;
      text-align: center;
    }
    .diy_star_luck_front_desc{
      font-weight: 100;
      font-size: 20px;
      color: #FFFFFF;
      text-align: center;
    }
    .diy_star_luck_back {
      transform: rotateY(180deg);
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding: 32px;
      box-sizing: border-box;
      font-weight: 400;
      font-size: 25px;
      color: #FFFFFF;
      letter-spacing: 2px;
    }