.bat-toast {
  position: fixed;
  left: 50%;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 18px);
  transform: translateX(-50%) translateY(6px);
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .55rem .9rem;
  border-radius: 999px;
  border: 1px solid var(--hairline);
  background: #ffffff;  
  color: rgba(16, 185, 129, 0.9);      
  box-shadow: var(--shadow-m);
  z-index: 9999;
  opacity: 0;
  transition: opacity .25s ease, transform .25s ease;
  pointer-events: auto;
}

.bat-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.bat-toast i {
  font-size: .95rem;
  opacity: 1; 
}

.bat-toast button {
  margin-left: .5rem;
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
  opacity: .5;
}

.bat-toast button:hover {
  opacity: 1;
}