@include export-module('co-transaction-navigation-button-list-layout') {
  .co-transaction-navigation-button-list {
    .navigation-button-list-extended-wrapper {
      display: flex;
      flex-direction: column;
      position: fixed;
      z-index: 3;
      row-gap: $tp-co-transaction-navigation-button-list-row-gap;
      padding: $tp-co-transaction-navigation-button-list-overlay-padding;
      overflow: hidden;
      box-shadow: $tp-co-transaction-navigation-button-list-overlay-box-shadow;
      border-style: $tp-co-transaction-navigation-button-list-overlay-border-style;
      border-width: $tp-co-transaction-navigation-button-list-overlay-border-width;
      border-radius: $tp-co-transaction-navigation-button-list-overlay-border-radius;
    }
    .navigation-button-list-extended-item {
      display: grid;
      grid-template-columns: auto auto;
      column-gap: $tp-co-transaction-navigation-button-list-column-gap;
      .navigation-relation-button {
        width: $tp-co-transaction-navigation-button-list-relation-button-width;
      }
    }
    &.card-tile-button {
      .navigation-button-list-extended-item {
        grid-template-columns: auto;
      }
    }
  }


}