.cardContainer{
  margin-bottom: 15px;
  animation-duration: 2s;

  .veryParentContainer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    .parentContainerLeft{
      flex: 0.65;

      .headerContainer{


        .transactionCode{
          color: #9ca0ff;
          margin-bottom: 0px;
        }

        .transactionDate{
          color: #aaa;
          font-size: 0.75rem;
        }
      }

      .bodyContainer{


        .nameText{
          font-weight: 700;
        }

        .childContainer{


          .childTitle{
            margin-bottom: 0px;
            font-size: 0.65rem;
          }

          .childText{
            font-weight: 500;
          }
        }
      }
    }

    .parentContainerRight{
      flex: 0.35;

      .statusTitle{
        font-size: 0.7rem;
        margin-bottom: 0px;
      }

      .statusText{
        color: #6772e5;
        font-size: 1.15rem;
      }

      .buttonContainer{
        display: flex;
        justify-content: space-around;

        .buttonSubscribe{
          background-color: #42b549;
          color: #fff;
          margin-right: 7.5px;
        }

        .buttonMore{
          margin-left: 7.5px;
          background-color: #ff5722;
          color: #fff;
        }
      }
    }
  }
}

.cardContainer:hover{
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
