@import "../../../style/mixin";

@include export-module('co-transaction-totals-layout') {
  .co-transaction-totals {
    display: block;
    .transaction-totals-wrapper {
      display: grid;
      grid-template-areas: 'label value';
      row-gap: $tp-transaction-totals-row-gap;
      padding: $tp-transaction-totals-padding;
      .label {
        grid-area: label;
        grid-row: auto;
        font-family: $tp-transaction-totals-label-font-family;
        font-size: $tp-transaction-totals-label-font-size;
        font-weight: $tp-transaction-totals-label-font-weight;
      }
      .value {
        grid-area: value;
        grid-row: auto;
        display: flex;
        justify-content: flex-end;
        font-family: $tp-transaction-totals-value-font-family;
        font-size: $tp-transaction-totals-value-font-size;
        font-weight: $tp-transaction-totals-value-font-weight;
      }
    }
    .add-discount {
      cursor: pointer;
      font-family: $tp-transaction-totals-add-discount-font-family;
      font-size: $tp-transaction-totals-add-discount-font-size;
      font-weight: $tp-transaction-totals-add-discount-font-weight;
      margin: $tp-transaction-totals-add-discount-margin;
    }
  }
}