@include export-module('co-transaction-quick-access-order-activities-layout') {
  .co-transaction-quick-access-order-activities {
    .row {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0.5em;
      gap: 0.5em;
      border: 1px solid $color-action;
      border-radius: 5px;
      background: none;
      span {
        color: $color-action;
      }
      .co-icon {
        height: 10px;
        width: 10px;

        svg {
          path {
            fill: $color-action;
          }
        }
      }

      &:hover {
        background-color: $color-action;
        cursor: pointer;
        span {
          color: white;
        }
        .co-icon {
          height: 10px;
          width: 10px;

          svg {
            path {
              fill: white
            }
          }
        }
      }
    }
  }
}
