/**
 * footer.css
 * フッター関連のスタイル
 */

/* SNSアイコンのホバーアニメーション */
.sns-icon {
    color: var(--footer-text-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.sns-icon:hover {
    transform: scale(1.2) translateY(-3px);
    animation: sns-icon-bounce 0.6s ease-in-out;
}

@keyframes sns-icon-bounce {
    0% {
        transform: scale(1.2) translateY(-3px);
    }

    50% {
        transform: scale(1.15) translateY(-5px);
    }

    100% {
        transform: scale(1.2) translateY(-3px);
    }
}