
<style>
    /* 3D Social Media Icon Styling */
    .social-media-icons a {
        display: inline-block;
        margin-right: 15px;
        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for 3D effect */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Initial shadow */
        border-radius: 5px; /* Optional: Add rounded corners */
    }

    .social-media-icons a:hover {
        transform: translateY(-5px); /* Lift icon on hover */
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); /* Deeper shadow on hover */
    }
</style>