.c-dialog {
  @apply fixed top-1/2 left-1/2 z-20 w-auto min-w-[25%] max-w-[800px] rounded-lg bg-elevate p-14 leading-6 text-gray-500-400 shadow;
  transform: translate(-50%, -50%);
  &-overlay {
    @apply fixed inset-0 z-10 bg-overlay;
  }

  &-icon {
    @apply my-1 shrink-0;
  }

  &-title {
    @apply m-0 font-serif text-xl font-bold text-gray;
  }

  &-description {
    @apply mt-1 mb-5 font-medium;
  }

  &-close-button {
    @apply absolute top-0 right-0 inline-flex h-12 w-12 items-center justify-center rounded-none rounded-tr-lg border !bg-transparent !p-0 !drop-shadow-none hover:!bg-gray-50-900 focus:!bg-gray-50-900;
  }

  &-with-icon {
    @apply flex items-start gap-6 pl-6;
  }
}
