:root {
    --light-blue: #F2F4FA;
    --blue: #3C59CD;
    --lblue: #0095F1;
    --blue50: rgba(60, 89, 205, 0.5);
    --gray-blue: #8F9DC2;
    --gray-blue50: rgba(143, 157, 194, 0.5);
    --gray: #788190;
    --dark-text: #1C1B29;
}
.btn-gray-color {color: var(--gray-blue) !important}
.lower {text-transform: none !important}
.btn-blue {
    background-color: var(--blue);
    color: #fff;
    font-weight: 600;
    width: 100%;
    min-height: 40px;
    text-transform: uppercase;
}
.btn-blue:hover {
    background-color: #334db8;
    color: #fff;
}
.btn-blue-empty {
    color: var(--blue);
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    text-transform: uppercase;
    border: 2px solid #3C59CD1A;
}
.btn-blue-empty:hover, .btn-blue-empty:active, .btn-blue-empty:focus {
    border: 2px solid var(--blue) !important;
}
.btn-blue-empty i {
    margin-left: 20px
}
.ml-0 {
    margin-left: 0 !important;
}
.mr-2 {
    margin-right: 0.5rem;
}
/********/
.btn-sort-by {
    width: 340px;
}
.btn-sort-by button {
    font-size: 14px;
    width: auto;
    text-transform: inherit;
}
.btn-sort-by .btn {
    border: 2px solid #3C59CD;
    margin-right: 20px;
}
.btn-sort-by .btn-blue:hover {
    border: 2px solid #334db8;
}
.btn-sort-by .btn-blue-empty, .car-type .btn-blue-empty {
    color: #8F9DC2;
}
/********/
.car-btn .btn-blue, .car-type .btn-blue {
    width: auto;
}
.car-btn .btn-blue, .car-type .btn-blue, .car-type .btn-blue-empty {
    text-transform: none;
}
.car-type .btn-blue, .car-type .btn-blue-empty {
    margin-right: 10px;
}
/************/
.fuel-type .btn-blue, .fuel-type .btn-blue-empty {
    width: auto;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    align-items: center;
    text-transform: none;
    letter-spacing: 0.8px;
}

@media (max-width: 768px) {
    .video .btn-blue-empty, .wrap-news .btn-blue-empty {
        width: 100%;
    }
}