.social-links {
display: flex;
flex-wrap: nowrap;
justify-content: left;
align-items: center;
gap: 10px;
padding: 12px 0;
overflow-x: hidden;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.social-icon {
display: block;
width: 40px !important;
height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
flex-shrink: 0;
transition: transform 0.3s ease;
filter: brightness(0) invert(1);
}
.social-icon:hover {
transform: scale(1.2);
}
.social-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* Optional: Slight reduction on very small screens */
@media (max-width: 400px) {
.social-icon {
width: 32px;
height: 32px;
max-width: 32px;
max-height: 32px;
}
}
