#share-container {
  text-align: center;
  margin-top: 30px;
}

#share-container p {
  margin-bottom: 15px;
  color: #ccc;
  font-weight: 500;
  font-size: 16px;
}

.share-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  margin: 0 10px;
  border-radius: 50%;
  background-color: #1a1a1a;
  transition: transform 0.3s, box-shadow 0.3s;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  position: relative;
}

.share-button i {
  font-size: 22px;
  color: #ccc;
  transition: color 0.3s;
}

/* Hover Animaciones y Colores Individuales */
#share-facebook:hover {
  background-color: #1877f2;
}
#share-facebook:hover i {
  color: white;
}

#share-instagram:hover {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
#share-instagram:hover i {
  color: white;
}

#share-whatsapp:hover {
  background-color: #25D366;
}
#share-whatsapp:hover i {
  color: white;
}

.share-button:hover {
  transform: scale(1.1);
}