MLS Properties Grid Buttons, Accents, Dropdowns

/*START - update card color theme - */
.properties-grid .listing-card__img-wrap .listing-card__label {
        background: #670038 ;
        color: #fff;
        text-transform: uppercase;
    }
.properties-grid .listing-card__info{
        background: #C3BEBE;
        color: #000;
        text-transform: uppercase;
    }
div.listing-card__status>div {
    background-color: #670038;
     color: #fff;
}
/* END */

/*START -  price and living area value slider - */
div.range-slider .irs--round .irs-handle {
    background-color: #fff;
    transition: .3s;
    &:hover{
        border: 1px solid #670038;
        background-color: #670038;
        i{
            background: #fff;
        }
    }

}
/*END*/

/*START Dropdown Theming - */
.filters__grid-item .custom-select-menu .custom-select-item {
    color: #000;
    background-color: #fff;
    &:hover{
        color: #fff;
        background-color: #670038;
    }
}
/*END*/

/*START Slider Line */
div.range-slider .irs--round .irs-bar {
    background-color: #999;
}
div.range-slider .irs--round .irs-line {
    background-color: #670038;
}
/*END*/

/*START Fix Button Mobile*/
.lp-btn {
    border: 2px solid #670038;
    background-color: transparent;
    color: #670038;
        &:hover{
            border: 2px solid #670038;
            background-color: #670038;
            color: #fff;
        }
    }

@media only screen and (max-width: 768px){
.lp-btn {
    border: 2px solid #670038;
    background-color: transparent;
    color: #670038;
        &:hover{
            border: 2px solid #670038;
            background-color: #670038;
            color: #fff;
        }
    }
}
/*END*/