@include export-module('cc-transaction-purchase-reservation-order-tile-layout') {
  .co-transaction-purchase-reservation-order-tile {
    width: 32%;
    height: 160px;
    min-width: 345px;
    .column {
      display: flex;
      flex-direction: row;
      gap: 10px;
      justify-content: space-between;
    }
    .transaction-tile-wrapper {
      padding: 15px 20px;
      height: 100%;
      width: 100%;
      box-shadow: 0 2px 4px 0 #0000005c;
      border-left: 4px solid #45b8bf;
      border-radius: 5px;
      display: flex;
      flex-direction: column;
      .tile {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        .tile-header {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          gap: 0.5em;
        }
        .tile-upper-right{
          display: flex;
          flex-direction: column;
          gap: 5px;
        }
        .tile-footer {
          align-items: center;
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          gap: 0.5em;
          .tile-bottom-left {
            display: flex;
            align-items: center;
            gap: 10px;
            .co-icon {
              width: 22px;
              height: 22px;
            }
          }
        }

        .header {
          display: flex;
          flex-direction: row;
          align-items: center;

        }
      }
    }
  }
}
