body {
  margin: 0;
  padding: 0;
}
/* .container{
	width:90%
	margin:10px auto;
} */
.portfolio-menu {
  text-align: center;
}
.portfolio-menu ul li {
  display: inline-block;
  margin: 0;
  list-style: none;
  padding: 10px 15px;
  cursor: pointer;
  -webkit-transition: all 05s ease;
  -moz-transition: all 05s ease;
  -ms-transition: all 05s ease;
  -o-transition: all 05s ease;
  transition: all 0.5s ease;
}

.portfolio-item {
  /*width:100%;*/
}
.portfolio-item .item {
  /*width:303px;*/
  float: left;
  margin-bottom: 10px;
}

/* Estilo para el botón <li> */
.button.btn-style {
  background-color: #000000;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s;
  font-weight: normal; /* Quitar negrita */
}

/* Estilo para el hover en ambos botones */
button:hover, .button.btn-style:hover, .button.btn-style.active {
  background-color: #ffffff; /* Un poco más claro que el negro para un ligero contraste */
  color: #000000; /* Mantener el texto blanco */
  box-shadow: 0 0 8px #000000, /* Brillo blanco interno */
              0 0 15px rgb(255, 255, 255), /* Brillo cian externo */
              0 0 20px rgb(255, 255, 255); /* Brillo cian más externo */
}