.brand,
a.brand {
    transform-origin: left center !important;
}

.brand .brand-logo,
a.brand .brand-logo {
    transform-origin: center !important;
    transition: transform 0.22s ease, filter 0.22s ease !important;
    will-change: transform, filter;
}

.brand .brand-text,
a.brand .brand-text {
    transition: transform 0.22s ease, filter 0.22s ease !important;
    will-change: transform, filter;
}

.brand:hover .brand-logo,
a.brand:hover .brand-logo {
    transform: translateY(-1px) scale(1.07) rotate(-3deg) !important;
    filter: drop-shadow(0 0 8px rgba(0, 199, 223, 0.34)) !important;
}

.brand:hover .brand-text,
a.brand:hover .brand-text {
    transform: translateX(2px) !important;
    filter: brightness(1.28) drop-shadow(0 0 8px rgba(0, 199, 223, 0.18)) !important;
}