.footer {
    background: #fff2f1;
    color     : var(--text);
}

.brand-name {
    color: var(--accent);
}

.section-title {
    color: var(--text);
}

.footer-hr {
    border    : 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.footer-link {
    color          : var(--text);
    text-decoration: none;
}

.footer-link:hover {
    color          : var(--accent);
    text-decoration: none;
}

/* Social circular buttons */
.social-btn {
    width          : 36px;
    height         : 36px;
    border-radius  : 50%;
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    color          : #fff;
    box-shadow     : 0 2px 6px rgba(0, 0, 0, 0.12);
    transition     : transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.social-btn i {
    font-size  : 1.1rem;
    line-height: 1;
}

.social-btn:hover {
    color     : #fff;
    /* vẫn trắng khi hover */
    transform : translateY(-2px) scale(1.05);
    filter    : brightness(0.95);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
}

/* Brand backgrounds*/
.social-btn.facebook {
    background-color: #1877F2;
}

.social-btn.youtube {
    background-color: #FF0000;
}

.social-btn.tiktok {
    background-color: #000000;
}

/* Instagram gradient */
.social-btn.instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.footer .bi {
    transition: transform 0.2s ease;
}