@include export-module('cc-transaction-card-footer-layout') {
  .co-transaction-card-footer {

    .transaction-card-footer-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 0;

      .date-or-drop-shipment-container {
        text-align: -webkit-center;

        co-transaction-line-drop-shipment-button {
          .transaction-line-button {
            background-color: white;
            justify-content: center;
            max-width: 150px;
            &.disabled {
              cursor: default;
              opacity: 0.6;
            }
          }
          &.active {
            .transaction-line-button {
              background-color: $tp-color-action;
              color: white;
            }
          }
        }

        .drop-shipment-wrapper {
          margin: 0 10px;
          max-width: 150px;

          .drop-shipment-button {
            font-size: 11px;
            font-weight: 600;
            display: flex;
            align-items: center;
            height: 26px;
            border: 1px solid #DCE4EA;
            border-radius: 10px;
            background-color: white;
            cursor: pointer;
            justify-content: center;

            &.active {
              background-color: #3e7eff;
              color: white;
            }
          }
        }
      }

      .co-transaction-line-statusbar co-statusbar .co-statusbar-wrapper {
        justify-content: center;
      }

      .co-transaction-line-delivery-button {
        &.read-only {
          .transaction-line-button {
            background-color: white;
            cursor: default;
            justify-content: center;

            co-icon {
              display: none;
            }
          }
        }
      }
    }
  }
}