@import "../../../style/mixin";

@include export-module('co-transaction-history-grid-status-layout') {
  .co-transaction-history-grid-status {
    .transaction-status-indication {
      display: flex;
      width: $tp-co-transaction-history-grid-status-button-width;
      border-radius: 22px;
      height: $tp-co-transaction-history-grid-status-button-height;
      background: $tp-co-transaction-history-grid-status-button-background;
      border: $tp-co-transaction-history-grid-status-button-border;
      align-items: center;
      justify-content: center;
    }

    .status-color-circle {
      height: $tp-co-transaction-history-grid-status-circle-height;
      width: $tp-co-transaction-history-grid-status-circle-width;
      border-radius: 6px;
      background: #dce4ea;
      margin-right: 10px;
    }

    .status-text {
      font-family: $tp-co-transaction-history-grid-status-button-font-family;
    }
  }
}