:host {
  @apply block;
}

.shared-goods-in-out-order-details-wrapper {
  @apply grid grid-flow-row gap-0.5;
}

.spacer {
  @apply h-28;
}

.goods-in-out-order-details-action-wrapper {
  @apply fixed bottom-28 inline-grid grid-flow-col gap-4 left-1/2 -translate-x-1/2 desktop-small:-translate-x-[35%];

  .cta-action {
    @apply border-2 border-solid border-brand rounded-full py-3 px-6 font-bold text-lg outline-none self-end whitespace-nowrap m-2;
  }

  .fetching {
    @apply bg-inactive-branch;
  }

  .cta-action-primary {
    @apply bg-brand text-white;
  }

  .cta-action-secondary {
    @apply bg-white text-brand;
  }

  button {
    &:disabled {
      @apply bg-inactive-customer border-inactive-customer text-white cursor-not-allowed;
    }
  }
}

::ng-deep .branch shared-goods-in-out-order-details .goods-in-out-order-details-action-wrapper button {
  &:disabled {
    @apply bg-inactive-branch border-inactive-branch text-white;
  }
}
