:host {
  @apply box-border grid overflow-y-scroll h-split-screen-tablet desktop-small:h-split-screen-desktop;
}

.page-customer-order-details__action-wrapper {
  @apply sticky bottom-4 mt-4 text-center;

  .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;
    }
  }
}
