.social-icon {
    width: 24px;
    height: 24px;
    margin: 0 8px;
    filter: invert(75%);
    transition: transform 0.2s ease, filter 0.2s ease;
    vertical-align: middle;
}

.social-icon:hover {
    transform: scale(1.2);
    filter: invert(100%);
}

.footer-legal {
    font-size: 0.9em;
    color: #888;
}

.footer-legal a {
    color: #888;
    text-decoration: none;
    margin: 0 5px;
}

.footer-legal a:hover {
    text-decoration: underline;
    color: #555;
}