@gambito-corp/mbs-library/src/components/molecules/Alert/Alert.css

Librería de componentes React reutilizables - Sistema de diseño modular y escalable

.alert--info {
  background-color: #e6f0fa !important;
  border: 1px solid #90caf9 !important;
  color: #1565c0 !important;
}

.alert--success {
  background-color: #e8f5e9 !important;
  border: 1px solid #66bb6a !important;
  color: #2e7d32 !important;
}

.alert--warning {
  background-color: #fff8e1 !important;
  border: 1px solid #ffb300 !important;
  color: #b26a00 !important;
}

.alert--error {
  background-color: #ffebee !important;
  border: 1px solid #e57373 !important;
  color: #c62828 !important;
}

/* En Alert.css - estilos para enlaces dentro de alerts */
.alert--info a {
  color: #1565c0 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

.alert--success a {
  color: #2e7d32 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

.alert--warning a {
  color: #b26a00 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

.alert--error a {
  color: #c62828 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

.alert--info a:hover,
.alert--success a:hover,
.alert--warning a:hover,
.alert--error a:hover {
  opacity: 0.8 !important;
  text-decoration: none !important;
}