@import "./_variables.scss";

.facet_list {
    .facet, .active_facet {
        .header {
            .title, .more {
                height: 34px;
            }
            .title {
                width: 85%;
            }
            .more {
                width: 15%;
                font-size: 1.4rem;
            }
        }
    }
    .active_facet {
        margin-bottom: 10px;
    }

    .facet {
        .header {
            .btn:first-child {
                border: 0;
                background-color: transparent;
                color: #FF9982;
                font-weight: bold;
                text-align: left;
            }
            .btn:last-child {
                border: 0;
                background-color: transparent;
                text-align: right;
            }

            .btn-default {
                color: $primary-blue
            }

            border-bottom: 1px solid $primary-blue;
            border-radius: 0;
        }

        .facet_value {
            color: $primary-blue;
        }
    }
}