/*
Custom Css
*/

.text-center i {
  font-size: 2em; /* Aumenta el tamaño del icono 2em */
  margin: 0 15px; /* Espacio horizontal entre los iconos */
  cursor: pointer; /* Cambia el cursor a mano al pasar sobre el icono */
  color: black ; /* Hace que el ícono sea transparente  transparent*/
  border: 2px solid white; /* Borde negro */
  border-radius: 5px; /* Bordes redondeados, opcional */
  padding: 10px; /* Espaciado interno alrededor del ícono */
}

.text-center i:hover {
  color: rgb(124, 23, 191); /* Cambia el color del ícono al pasar el mouse, opcional */
  background-color: rgba(255, 255, 255, 0.2); /* Efecto de fondo ligero al pasar el mouse, opcional */
}