Untitled

<div
      class="modal micromodal-slide fixed inset-0 z-[998] flex h-full w-full items-center justify-center !font-jakarta"
      id="modal-subscribe"
      aria-hidden="true"
    >
      <div
        id="close-overlay"
        class="fixed inset-0 z-[9998] h-full w-full bg-black/50"
      >
      </div>

      <div
        class="modal__overlay relative z-[9999] -mt-40 flex w-full max-w-md flex-col items-start"
        tabindex="-1"
        data-micromodal-close
      >
        <div
          class="modal__container overflow max-h-[90vh] w-full max-w-screen-md transform rounded-lg bg-white p-5 text-left shadow-xl md:p-6"
          role="dialog"
          aria-modal="true"
          aria-labelledby="modal-1-title"
        >
          <header class="modal__header flex w-full justify-end">
            <button
              type="button"
              id="close-modal-subscribe"
              aria-label="Close modal"
              data-micromodal-close
            >
              <CloseXIcon className="w-8 h-8 stroke-2" />
            </button>
          </header>

          <main class="modal__content" id="modal-1-content">
            <!-- <h2 class="modal__title" id="modal-1-title">Micromodal</h2> -->
            <!-- Heading -->
            <div class="mb-6 flex flex-col items-center gap-2">
              <TickIcon className="w-32 h-32" />

              <h2
                class="text-center font-jakarta text-4xl font-bold text-primary-1"
                id="modal-1-title"
              >
                Sukses
              </h2>

              <p class="text-center text-lg font-medium text-custom-2">
                Terimakasih telah berlangganan melalui email!
              </p>
            </div>
          </main>

          <!-- CTA to My Bussiness -->
          <button
            type="button"
            id="close-modal-subscribe"
            class="modal__footer w-full cursor-pointer rounded-large bg-primary-1 py-2 px-8 text-center transition-opacity duration-300 ease-in-out hover:bg-primary-1/80"
          >
            <span
              id="to-my-bussiness"
              class="w-full cursor-pointer text-center font-semibold leading-normal text-white"
            >
              Selesai
            </span>
          </button>
        </div>
      </div>
    </div>