/*a:hover, a:focus {
    color: var(--color-white);
    text-decoration: inherit !important;
}*/
.header__link:hover {
    background-color: var(--color-red600);
}
.card__name a:hover, a:focus {
    color: inherit !important;
    text-decoration: inherit !important;
}

.control-label {
    margin-left: 12px;
    font-weight: 500;
}
.header_active{
    color: var(--color-yellow400);
    font-weight: 500;
}
select{
    background: #fff;
    width:100%;
    border-radius:4px ;
    padding: 8px 12px;
}
.button_gray{
    color: var(--color-white);
    background-color: var(--color-gray400);
    cursor: default;
}
.button_gray:hover {
    background-color: var(--color-gray700);
}
.button_gray .button__icon {
    fill: var(--color-white);
}