مولد CSS لإشعارات التوست

.toast {
  border-radius: 12px;
  border-left: 3px solid #0f172a;
  background: #22c55e;
  color: #0f172a;
  padding: 10px 14px;
  box-shadow: 0 18px 36px color-mix(in srgb, #22c55e 24%, transparent);
}