/* Применяется к любому блоку с классом uc-hero, воздействуя на его внутренний контейнер */
  .uc-maxwidth .tn-group {
    max-width: 1760px;
  }
  
.t-menu-base__maincontainer {
    max-width: 1760px;
    margin: 0 auto;
  }
  
.button-animation {
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.3s ease, border-color 0.3s ease, background-image 0.3s ease !important;
    cursor: pointer !important;
}

/* 1. Сплошной белый фон для кнопки, но НЕ трогаем саму иконку внутри */
.button-animation:hover,
.button-animation:hover *:not(.white-logo):not(.white-logo *),
.button-animation:hover::before,
.button-animation:hover::after {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

.button-animation:hover {
    transform: scale(1.06) !important;
    border-color: #ffffff !important;
    opacity: 1 !important;
}

/* 2. Сжатие при клике */
.button-animation:active {
    transform: scale(0.95) !important;
}

/* 3. Текст внутри белый по умолчанию */
.button-animation *,
.button-animation a,
.button-animation span {
    transition: color 0.3s ease !important;
}

.button-animation *:not(.white-logo):not(.white-logo *) {
    color: #ffffff !important;
}

/* 4. Текст становится черным при наведении (кроме иконки) */
.button-animation:hover *:not(.white-logo):not(.white-logo *) {
    color: #000000 !important;
}

/* 5. Корректная инверсия иконки без черных квадратов и серого фона кнопки */
.button-animation .white-logo {
    transition: filter 0.3s ease !important;
}

.button-animation:hover .white-logo {
    filter: invert(1) !important;
}