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

.toastify.on { @apply opacity-100; }
.toastify-top { @apply -top-150; }