.social-icons a:hover {
  color: #fa0cb6;
  transform: translateY(-3px);
}
.social-icons a {
  color: white; /* default icon color */
  margin-right: 15px;
  font-size: 24px;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
}

/* Facebook hover - blue + underline */
.social-icons a[href*="facebook"]:hover {
  color: #1877f2; /* Facebook blue */
}

.social-icons a[href*="facebook"]:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background-color: #1877f2;
}

.social-icons a[href*="youtube"]:hover {
  color: #ff0000; /* Facebook blue */
}

.social-icons a[href*="youtube"]:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background-color: #ff0000;
}