@import "../../../style/mixin";
@import "../component/transaction-margin-block/style/material";

@include export-module('co-transaction-margin-layout') {
  .co-transaction-margin {
    .row {
      display: flex;
      flex-direction: row;
      gap: 30px;
    }
    .transaction-margin-wrapper {
      padding: 10px 30px;
      border-radius: 5px;
      border: $transaction-margin-border-color-thickness solid rgba($transaction-margin-border-color, $transaction-margin-border-color-opacity);
      display: flex;
      flex-direction: column;
      background: #2e3350;
    }
    .co-transaction-margin-block {
      flex-grow: 1;
      min-width: 0;
      span {
        color: #FFF;
      }
    }
  }
}