@zenithui/toast/dist/components/button/button.css

A modern, lightweight toast notification system for React applications. ZenithUI Toast provides a simple and customizable way to display notifications, alerts, and messages to users with smooth animations and flexible styling options.

:root {
  --zenithui-toast-action-bg-color: #075985;
  --zenithui-toast-action-text-color: #000;
  --zenithui-toast-cancel-bg-color: #64748b;
}

.dark {
  --zenithui-toast-action-bg-color: #0284c7;
  --zenithui-toast-action-text-color: #fff;
  --zenithui-toast-cancel-bg-color: #475569;
}

.zenithui-toast-btn {
  cursor: pointer;
  background-color: var(--zenithui-toast-action-bg-color);
  width: max-content;
  color: var(--zenithui-toast-action-text-color);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background .3s ease-in-out;
  display: flex;
}

.cancel {
  border: var(--zenithui-toast-cancel-bg-color) 1px solid;
  background-color: #0000;
}