.social-icons-wrapper { display: flex; flex-wrap: wrap; justify-content: var(--mt-social-align, flex-start); gap: 10px; list-style:none; padding:0; margin:0; }
.social-icons-wrapper li a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; text-decoration: none; transition: 0.3s; }
.social-icons-wrapper.style-2 li a { border-radius: 50%; background: #eee; } /* Circle */
.social-icons-wrapper.style-3 li a { border-radius: 0; background: #eee; }    /* Square */
.social-icons-wrapper.style-4 li a { border-radius: 6px; background: #eee; }  /* Rounded */
.social-icons-wrapper.style-5 li a { border-radius: 50%; border: 1px solid #ddd; }                /* Bordered */
.social-icons-wrapper li a:hover { opacity: 0.8; }

/* Style 6: Vertical with Title (Icon reveal on hover) */
.social-icons-wrapper.style-6 { flex-direction: column; align-items: flex-start; gap: 5px; }
.social-icons-wrapper.style-6 li a { width: auto; height: auto; padding: 4px 0; justify-content: flex-start; gap: 0; color: inherit; }
.social-icons-wrapper.style-6 li a i { width: 0; opacity: 0; overflow: hidden; transition: all 0.3s ease; font-size: 14px; }
.social-icons-wrapper.style-6 li a span { font-size: 14px; transition: all 0.3s ease; }
.social-icons-wrapper.style-6 li a:hover { gap: 10px; opacity: 1; }
.social-icons-wrapper.style-6 li a:hover i { width: 18px; opacity: 1; }
.social-icons-wrapper.style-6 li a:hover span { color: #b5865a; }