.social-fixed {
  position: fixed;
  top: 40%;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}

.social-icon {
  width: 40px;
  height: 40px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  border-radius: 0 5px 5px 0;
  transition: transform 0.3s ease;
}

.social-icon:hover {
  transform: translateX(10px);
}

/* Facebook */
.social-icon.fb {
  background-color: #3b5998;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiBoZWlnaHQ9IjI0IiB3aWR0aD0iMjQiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHBhdGggZD0iTTI1IDBDMjcuNzY1IDAgMzAgMi4yMzUgMzAgNXYyMGMwIDIuNzY1LTIuMjM1IDUtNSA1SDE5di05aDNsMS00aC00VjEwYzAtMS4xMDEuODk5LTIsMi0yaDNWMEgyNXoiLz48L3N2Zz4=");
}

/* X (Twitter) */
.social-icon.tw {
  background-color: #000;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTE1LjA5IDMuNDI4YTEwLjEzMiAxMC4xMzIgMCAwIDEtMi45NzguODI2IDUuMDIyIDUuMDIyIDAgMCAwLTIuMjI0LTEuMjI4IDUuMDE2IDUuMDE2IDAgMCAwLTMuNTY4IDEuNDI0QzQuNjcgNS41MyA1LjUwOCA2Ljg1OCA2LjM5MiA3LjA4NGEyLjI1IDIuMjUgMCAwIDEtMi4wMDQtMS4yNjd2LjAyYzAgMS4zNjIuOTY4IDIuNDk2IDIuMjI0IDIuNzU4LS4yMzYuMDY0LS40ODcuMDk2LS43NTEuMDk2LS4xOCAwLS4zNTgtLjAxMi0uNTMtLjA0NGEyLjI1IDIuMjUgMCAwIDAgMi4xIDEuNTc2IDUuMDI2IDUuMDI2IDAgMCAxLTMuMTgzIDEuMTA0IDcuMTI4IDcuMTI4IDAgMCAwIDMuODk4IDEuMTQ4QzcuODU0IDEzLjUgMTAuNjg1IDEyIDExLjgzMiA5LjAzMmExMC4zNjQgMTAuMzY0IDAgMCAwIDMuMjU4LTMuODQ4Ii8+PC9zdmc+");
}

/* Instagram */
.social-icon.ig {
  background-color: #E4405F;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTExLjc1IDRDMTQuMDU3IDQgMTQuMzggNC4wMjUgMTUuNjQ5IDQuMDczQzE2LjkxIDQuMTIgMTcuODggNC4zMzggMTguNjMgNC45MDFDMjAuMDYzIDYuMTQ0IDIwLjQ1NiA3LjkwNiAyMC41MSAxMS41NzFDMjAuNTY0IDE1LjI0NSAyMC41MTUgMTYuMzM5IDE5LjU5NSAxNy4yNUMxOC42NzUgMTguMTYxIDE3LjU4NiAxOC4yNTggMTMuOTEyIDE4LjMyNUMxMC4yMzggMTguMzkxIDkuMTQ0IDE4LjM0MyA4LjIzIDE3LjQyN0M3LjMxNiAxNi41MTIgNy4yNDIgMTUuNDA0IDcuMTg1IDExLjcxNUM3LjEyOCA4LjAyNiA3LjIxNiA2LjkyMiA4LjEzMiA2LjAwOEM5LjA0OCA1LjA5NCAxMC4xNTIgNS4wMiAxMy44NTEgNS4wNjZDMTcuNTUgNS4xMTIgMTguNjU4IDUuMTg3IDE5LjU3MiA2LjEwMkMyMC40ODUgNy4wMTYgMjAuNTYgOC4xMiAyMC41MTIgMTEuODIxQzIwLjQ2NSAxNS41MTIgMjAuMzc3IDE2LjYxNyAxOS40NjIgMTcuNTMxQzE4LjU0OCAxOC40NDcgMTcuNDQzIDE4LjUyMyAxMy43NDIgMTguNTg2QzEwLjA0IDE4LjY1IDEuODg2IDE4LjUzMiAwIDE3LjY0MUMtMS44ODYgMTYuNzUgLjc2NyA3LjgxNiAyLjAzMiA2LjU1MWMxLjI2Ni0xLjI2NSAzLjA0NS0xLjY3MSA2LjY3MS0xLjczM0MxMC42NiAzLjggMTEuNzUgNCAxMS43NSA0WiIvPjwvc3ZnPg==");
}