.social-sidebar {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
}

.social-sidebar .social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  transition: 0.3s;
}

/* Individual Colors */
.facebook { background: #1877f2; }
.instagram { background: #e4405f; }
.linkedin { background: #0077b5; }
.youtube { background: #ff0000; }

/* Hover Effect */
.social-sidebar .social:hover {
  width: 60px;
  border-radius: 0 8px 8px 0;
}

/* MOBILE HIDE (optional) */
@media(max-width:768px){
  .social-sidebar {
    display: none;
  }
}