.ui-button-raised {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.ui-button-raised:hover {
  background-color: #4CAF50;
  color: white;
}

/* Estilos para botones planos */
.ui-button-flat {
  background-color: transparent;
  border: 1px solid #4CAF50;
  color: #4CAF50;
}

.ui-button-flat:hover {
  background-color: #4CAF50;
  color: white;
}

/* Estilos para botones secundarios */
.ui-button-secondary {
  background-color: transparent;
  border: 1px solid #007bff;
  color: #007bff;
}

.ui-button-secondary:hover {
  background-color: #007bff;
  color: white;
}

/* Estilos para botones de éxito */
.ui-button-success {
  background-color: transparent;
  border: 1px solid #28a745;
  color: #28a745;
}

.ui-button-success:hover {
  background-color: #28a745;
  color: white;
}

/* Estilos para botones de información */
.ui-button-info {
  background-color: transparent;
  border: 1px solid #17a2b8;
  color: #17a2b8;
}

.ui-button-info:hover {
  background-color: #17a2b8;
  color: white;
}

/* Estilos para botones de advertencia */
.ui-button-warning {
  background-color: transparent;
  border: 1px solid #ffc107;
  color: #ffc107;
}

.ui-button-warning:hover {
  background-color: #ffc107;
  color: white;
}

/* Estilos para botones de ayuda */
.ui-button-help {
  background-color: transparent;
  border: 1px solid #6c757d;
  color: #6c757d;
}

.ui-button-help:hover {
  background-color: #6c757d;
  color: white;
}

/* Estilos para botones de peligro */
.ui-button-danger {
  background-color: transparent;
  border: 1px solid #dc3545;
  color: #dc3545;
}

.ui-button-danger:hover {
  background-color: #dc3545;
  color: white;
}

/* Estilos para botones planos sin borde */
.ui-button-plain {
  border: none;
}