/* Estilos base para los botones */
.custom-button {
  display: inline-block;
  margin: 10px;
  padding: 10px 20px;
  border: 2px solid #100047;
  border-radius: 5px;
  background-color: #100047;
  color: white;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

/* Cambio de estilo al pasar el mouse por encima */
.custom-button:hover {
  background-color: #00CE7C;
  color: #100047;
}

/* Cambio de estilo al hacer clic */
.custom-button:active {
  background-color: #00CE7C;
  border-color: #00CE7C;
}

/* Cambio de estilo para el texto dentro del botón al hacer clic */
.custom-button a:active {
  color: #00CE7C;
}

/* Cambio de estilo para el texto dentro del botón cuando se visita */
.custom-button a:visited {
  color: #00CE7C;
}