@include export-module('co-transaction-purchase-line-layout') {
  .co-transaction-purchase-line {
    .transaction-line-extended-wrapper {
      grid-template-columns: $tp-transaction-default-button-width-big $tp-transaction-default-button-width $tp-transaction-default-button-width $tp-transaction-default-button-width-big;
    }
    .navigation-button-wrapper {
      width: auto;
    }
    .transaction-line-section {
      display: flex;
      gap: $tp-transaction-purchase-line-section-gap;
      margin: $tp-transaction-purchase-line-section-margin;
    }

    .reservation-button {
      padding: 0 1em 0 1em;
      display: flex;
      align-items: center;
      cursor: pointer;
      .co-icon {
        padding: 5px;
        width: 34px;
        height: 34px;
        svg {
          fill: #1A73E8;
        }
      }
    }
  }
}