.logo-img img {
    filter: grayscale(100%) !important;
    transition: filter 0.3s ease !important;
}
.logo-img img:hover {
    filter: grayscale(0%) !important;
}
.header-button:hover {
    color: #F28C38; /* Оранжевый цвет текста при наведении */
}

.header-button:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px; /* Толщина линии */
    bottom: 0;
    left: 0;
    background: #F28C38; /* Оранжевая линия */
    transition: width 0.3s ease; /* Плавное появление линии */
}

.header-button:hover:after {
    width: 100%; /* Линия растягивается на всю ширину */
}