@include export-module('cc-transaction-card-sales-overview-layout') {
  .co-transaction-card-sales-overview {
    .transaction-card-sales-overview-wrapper {
      background: #FFF;
      border-radius: 5px;
      border: 1px solid #F4F4F9;
      padding: 12px;
      box-shadow: 1px 1px 3px 1px rgba(157, 157, 157, 0.1);
      .transaction-card-content-wrapper {
        display: flex;
        width: 100%;
        flex-direction: column;
        .content-expanded {
          width: inherit;
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-template-rows: 1fr;
          grid-column-gap: 5px;
        }

        .co-transaction-line-commission-button, .co-transaction-line-supplier-button, .co-transaction-line-warehouse-button, .co-transaction-line-delivery-button, .co-transaction-line-vat-button {
          overflow: hidden;
          .transaction-line-button, .co-transaction-button {
            width: auto;
          }
          &.fit-content {
            .big {
              width: auto;
            }
          }
        }
      }

      .side-panel-button {
        background: #f5f5fc;
        border-radius: 5px;
        padding: 5px 2px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        .co-icon {
          width: 20px;
          height: 20px;
        }
      }
    }
  }
}
