.instagram-icon { position: fixed; bottom: 20px; left: 20px; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%,  #fd5949 45%, #d6249f 60%, #285AEB 90%); color: white; font-size: 24px; padding: 8px; border-radius: 50%; z-index: 9999; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); text-align: center; transition: transform 0.4s ease, box-shadow 0.4s ease; animation: slideInLeft 1s ease-out forwards; cursor: pointer; } .instagram-icon:hover { transform: scale(1.15) rotate(-5deg); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4); } /* Tooltip styling */ .instagram-icon::after { content: "Follow us on Instagram"; position: absolute; left: 70px; bottom: 50%; transform: translateY(50%); background-color: #000; color: #fff; padding: 6px 10px; border-radius: 5px; opacity: 0; white-space: nowrap; pointer-events: none; transition: opacity 0.3s ease; font-size: 13px; } .instagram-icon:hover::after { opacity: 1; } /* Entry animation */ @keyframes slideInLeft { from { opacity: 0; transform: translateX(-50px) scale(0.8); } to { opacity: 1; transform: translateX(0) scale(1); } }