@include export-module('cc-checkout-overview-payment-layout') {
  .co-checkout-overview-payment {
    font-family: $tp-checkout-overview-payment-font-family;
    font-size: $tp-checkout-overview-payment-font-size;
    .checkout-overview-section {
      display: flex;
      flex-direction: column;
      border-style: $tp-checkout-overview-payment-section-border-style;
      border-width: $tp-checkout-overview-payment-section-border-width;
      margin: $tp-checkout-overview-payment-section-margin;
      padding: $tp-checkout-overview-payment-section-padding;
      background: $tp-checkout-overview-payment-section-background;
    }
    .two-column-grid {
      display: grid;
      grid-template-columns: 50% 50%;
    }
    .overview-address {
      display: flex;
      flex-direction: column;
      margin: $tp-checkout-overview-payment-address-margin;
      .overview-address-title {
        font-family: $tp-checkout-overview-payment-address-title-font-family;
        font-size: $tp-checkout-overview-payment-address-title-font-size;
        font-weight: $tp-checkout-overview-payment-address-title-font-weight;
        margin: $tp-checkout-overview-payment-address-title-margin;
      }
    }
    .overview-section-change-link {
      font-family: $tp-checkout-overview-payment-change-link-font-family;
      font-size: $tp-checkout-overview-payment-change-link-font-size;
      font-weight: $tp-checkout-overview-payment-change-link-font-weight;
      cursor: pointer;
      display: flex;
      flex-direction: row;
      align-items: center;
      .overview-section-change-icon {
        height: 20px;
        width: 20px;
      }
    }
    .overview-row {
      display: flex;
      flex-direction: row;
      column-gap: 5px;
    }
  }
}
