.footer-social-icons {
    gap: 0.5rem;
}

footer .footer-social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: initial;
    background: #ffffff;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

footer .footer-social-icons a:hover {
    opacity: 0.75;
    transform: translateY(-2px);
}

footer .footer-social-icons svg {
    display: block;
}

@media (max-width: 768px) {
    .footer-social-icons {
        justify-content: center;
    }
}