:root {
    --nb-footer-social-networks-2-margin-bottom: 14px;

    --nb-footer-social-networks-2-title-color: var(--nb-color-white);
    --nb-footer-social-networks-2-title-font-size: var(--nb-h6-font-size);
    --nb-footer-social-networks-2-title-font-weight: var(--nb-h6-font-weight);

    --nb-footer-social-networks-2-width: 36px;
    --nb-footer-social-networks-2-height: 36px;
    --nb-footer-social-networks-2-bg: var(--nb-color-white);
    --nb-footer-social-networks-2-hover-bg: var(--nb-spec-color);
    --nb-footer-social-networks-2-border-radius: var(--nb-border-radius-xs);

    --nb-footer-social-networks-2-link-font-size: var(--nb-font-size-12);
    --nb-footer-social-networks-2-link-font-weight: var(--nb-font-regular);
}

.nb-footer-social-networks-2 .nb-footer-social-networks-title {
    color: var(--nb-footer-social-networks-2-title-color);
    font-size: var(--nb-footer-social-networks-2-title-font-size);
    font-weight: var(--nb-footer-social-networks-2-title-font-weight);
    margin-bottom: var(--nb-footer-social-networks-2-margin-bottom);
}

.nb-footer-social-networks-2 .nb-footer-social-networks-title-wrapper:has(.nb-icon) {
    display: flex;
    gap: 10px;
}

.nb-footer-social-networks-2 .nb-footer-social-networks-title-wrapper .nb-icon {
    color: var(--nb-color-white);
}

.nb-footer-social-networks-2 .nb-footer-social-networks-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.nb-footer-social-networks-2 .nb-custom-text-with-icon-1{
    background-color: transparent;
    padding: 0;
    gap: 10px;
}
.nb-footer-social-networks-2 .nb-footer-social-networks-wrapper .nb-link .nb-custom-text-with-icon-1 .custom-text{
    font-size: var(--nb-footer-social-networks-2-link-font-size);
    font-weight: var(--nb-footer-social-networks-2-link-font-weight);
}
.nb-footer-social-networks-2 .nb-footer-social-networks-wrapper .nb-link:hover * {
    color: var(--nb-link-color-secondary);
}


.nb-footer-social-networks-2 .nb-footer-social-networks-wrapper .nb-link > * {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

@media screen and (max-width: 576px) {
    :root {
        --nb-footer-social-networks-2-margin-bottom: 24px;
    }
}