.toastify {
  @apply 
  fixed max-w-1/2 z-1000 cursor-progress
  transition-all duration-300 ease-in-out
  scale-80 opacity-0 drop-shadow-none;
  
  .toast-close { 
    @apply invisible btn btn-outline btn-sm; 
  }
  
  &:hover { 
    .toast-close { @apply visible; } 
  }
}

.toastify.on { @apply scale-100 opacity-100 drop-shadow-md; }
.toastify-top { @apply -top-150; }