@layer components {
  .dropdown-menu {
    @apply absolute bg-white backdrop-blur-md rounded-3xl shadow-xl shadow-neutral-800/10 z-50 w-[320px] md:w-[208px] dark:bg-neutral-800 dark:shadow-neutral-900/40 py-1 duration-200 border border-neutral-400/60;
  }

  .dropdown-item {
    @apply py-2 px-5 block font-medium text-neutral-800 text-[15px] hover:text-neutral-500 dark:text-neutral-300;

    &.dropdown-item__danger {
      @apply text-red-500 hover:text-red-600;
    }
  }
}