.nav a {
    transition: color var(--transition);
}

.nav a:hover .header__brand {
    transition: opacity 0.2s ease;
}

.header__brand:hover .nav__link {
    transition: color 0.2s ease, opacity 0.2s ease;
}

.nav__link:hover .header__cta {
    transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.header__cta:hover {
    transform: translateY(-1px);
}

.site-footer__nav-link:hover {
    transform: translateX(2px);
}

.site-footer__social-link:hover {
    transform: translateX(2px);
}