/* ===============================
   SOCIAL ICONS
================================ */

.top-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-icon {
    color: #fff;
    font-size: 14px;

    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
}

.social-icon:hover {
    transform: translateY(-2px);
    opacity: 0.7;
}