.arah-row            { display: flex; flex-direction: row; }
.arah-row-reverse    { display: flex; flex-direction: row-reverse; }
.arah-column         { display: flex; flex-direction: column; }
.arah-column-reverse { display: flex; flex-direction: column-reverse; }
.arah-row, .arah-row-reverse,
.arah-column, .arah-column-reverse {
  width: 360px;
  height: 240px;
  background: rgb(241, 245, 249);
}
.kotak {
  width: 90px;
  height: 48px;
  background: rgb(14, 165, 233);
  color: rgb(255, 255, 255);
  font-weight: 700;
  text-align: center;
  line-height: 48px;
}