.logo-navbar {
  max-height: 48px;
  max-width: 48px;
}

/* Vecchia config

.logo-footer {
  width: 48px;
  height: 48px;
  background-color: #000;
  -webkit-mask-image: url('../../../assets/img/brand/lcph-logo-bw.svg');
  mask-image: url('../../../assets/img/brand/lcph-logo-bw.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
} */

/* Transizione fluida per il logo di base */

.logo-footer {
  width: 48px;
  height: 48px;
  background-color: #000;
  -webkit-mask-image: url('../../../assets/img/brand/lcph-logo-bw.svg');
  mask-image: url('../../../assets/img/brand/lcph-logo-bw.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background-color 0.3s ease;
}

/* Transizione per il contenitore (il cerchio) */

.hover-invert-link {
  transition: background-color 0.3s ease;
}

/* 1. Cambia lo sfondo del cerchio in nero al passaggio del mouse */

.hover-invert-link:hover {
  background-color: #000 !important;
}

/* 2. Cambia il colore dell'icona in bianco al passaggio del mouse sul cerchio */

.hover-invert-link:hover .logo-footer {
  background-color: #fff;
}