@include export-module('cc-transaction-margin-block-layout') {
  .co-transaction-margin-block {
    .wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 0.5em;

      span {
        &.header {
          color: $margin-block-color-text-normal;
          font-size: $margin-block-text-font-size;
        }
        &.positive {
          color: $margin-block-color-text-green;
        }

        &.negative {
          color: $margin-block-color-text-red;
        }
      }
    }
  }
}
