body {
    padding: 2%;
    font-family: sans-serif;
    font-size: 20px;
    margin: 0;
    line-height: 1.5;
  }
  .enlace-con-efecto {
    display: inline-flex; /* Para alinear la imagen y el texto horizontalmente */
    align-items: center; /* Para centrar verticalmente la imagen y el texto */
    gap: 5px; /* Espacio entre la imagen y el texto (ajusta según necesites) */
    text-decoration: none; /* Elimina el subrayado predeterminado del enlace */
    color: inherit; /* Hereda el color del texto del padre (si lo hay) o usa el color por defecto */
    transition: color 0.3s ease; /* Transición suave para el cambio de color */
  }
  
  .enlace-con-efecto:hover {
    color: #ff0000; /* Cambia el color del texto al hacer hover (puedes usar otro color) */
    /* O puedes usar otras propiedades para la iluminación, como: */
    /* text-shadow: 0 0 5px #007bff; */
    /* filter: brightness(1.2); */
  }