/* ===== ТРЕНД 10: ИНТЕГРАЦИЯ СОЦСЕТЕЙ ===== */

.social-integration {

    display: flex;

    gap: 15px;

    flex-wrap: wrap;

}



@media (max-width: 480px) {

    .social-integration {

        gap: 8px;

        justify-content: center;

    }

}



.social-btn {

    width: 50px;

    height: 50px;

    border-radius: 12px;

    background: var(--dark-surface);

    border: 1px solid var(--border-color);

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--light-text);

    font-size: 1.2rem;

    transition: var(--transition);

    text-decoration: none;

}



@media (max-width: 480px) {

    .social-btn {

        width: 40px;

        height: 40px;

        font-size: 1rem;

    }

}



@media (hover: hover) {

    .social-btn:hover {

        transform: translateY(-3px);

        background: var(--primary);

        color: white;

        border-color: var(--primary);

    }

}