/* Container for the icons */ .ali-social-container { display: flex; gap: 15px; /* Space between icons */ align-items: center; justify-content: flex-start; /* Change to 'center' if you want them centered */ } /* Style for the individual icon links */ .ali-social-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; /* Makes them circular */ background-color: transparent; /* Background color */ color: #ffffff; /* Icon color (white) */ border: 2px solid #ffffff; /* Border color */ text-decoration: none; transition: all 0.3s ease; font-size: 18px; } /* Hover Effect - Change these colors to match your brand (Green) */ .ali-social-icon:hover { background-color: #a4f568; /* The green from your logo */ color: #1a1a1a; /* Dark text on hover */ border-color: #a4f568; transform: translateY(-3px); /* Slight float up effect */ }
