.filter-content {
    box-shadow: 3px 2px 20px #0000001F;
    border-radius: 10px;
    min-height: 100px;

    .z-index-one {
        z-index: 1;
    }

    .width-24 {
        width: 24px;
    }

    .view-label {
        color: #3B3B3B;
    }

    .vertical-divider {
        border-right: 1.5px solid #F0F0F0;
        height: 100%;
        width: 50%;
    }

    .filter-label-color {
        color: #9F9F9F;
    }

    .filter-valid-label {
        color: var(--light-grey-60);
    }

    .calendar-icon {
        box-shadow: -7px 0px 8px -3px #0000001F;
        padding: 8px 10px;
        border-radius: 50%;
        position: absolute;
        left: 0%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .user-icon {
        background: #F0F0F0;
        padding: 8px 10px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.mobile-filter {
    min-height: 40px !important;
    border-radius: 16px !important;
}

.calendar-price-label {
    margin: 0;
    pointer-events: none;
    font-size: 9px;
    color: #d1d1d1;
    margin-left: 2px;
    margin-right: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-applied-promo-code {
    background-color: #39BA23;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;

    .filter-label-color {
        color: white !important;
    }

    .promo-code-icon {
        filter: brightness(0) invert(1);
    }

    .filter-valid-label {
        color: white !important;
    }
}