Untitled

<unx-button
                  matTooltip="Bonus Options"
                  customClass="!px-3"
                  color="al"
                  [outline]="true"
                  [cdkMenuTriggerFor]="promotionOptionMenu">
                  <span class="bln-icon-menu-promotions"></span>
                </unx-button>

                <ng-template #promotionOptionMenu>
                  <div
                    class="rounded-lg bg-skin-content-base border border-skin-secondary mt-1 flex flex-col gap-2 p-2"
                    cdkMenu>
                    <unx-button
                      color="success"
                      [pill]="true"
                      size="xs"
                      customClass="w-full gap-2 !px-2 !py-1"
                      cdkMenuItem
                      ><span class="bln-icon-check-circle"></span> Accept</unx-button
                    >
                    <unx-button color="error" [pill]="true" size="xs" customClass="w-full gap-2 !px-2 !py-1" cdkMenuItem
                      ><span class="bln-icon-close"></span> Reject</unx-button
                    >
                  </div>
                </ng-template>