.social-bar {
      position: fixed;
      top: 50%;
      left: 0;               /* stick to left side (use right:0 for right side) */
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      gap: 15px;
      z-index: 1000;
    }

    .social-bar a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      height: 50px;
      border-radius: 8px;
      font-size: 24px;
      color: white;
      text-decoration: none;
      transition: transform 0.3s ease, box-shadow 0.3s ease, margin-left 0.3s ease;
    }

    .social-bar a:hover {
      transform: scale(1.2);        /* enlarge */
      margin-left: 10px;            /* slide outward */
      box-shadow: 0 6px 12px rgba(0,0,0,0.3);
    }

    /* Solid brand colors */
    .facebook { background-color: #1877F2; }
    .twitter { background-color: #000000; } /* X (Twitter) black */
    .instagram { background-color: #E1306C; }
    .youtube { background-color: #FF0000; }