.e-filter {
    --e-filter-direction: row;
    --e-filter-justify-content: flex-start;
    --e-filter-align-items: center;
    --e-filter-space-between: 10px;
    --e-filter-normal-text-color: #333;
    --e-filter-hover-text-color: #007cba;
    --e-filter-active-text-color: #fff;
    --e-filter-item-border-radius: 0;
}

.e-filter-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--e-filter-normal-text-color);
    border-radius: var(--e-filter-item-border-radius);
    padding: 8px 16px;
    border: 1px solid transparent;
}

.e-filter-item:hover:not([aria-pressed="true"]) {
    color: var(--e-filter-hover-text-color);
    background-color: var(--e-filter-hover-background-color, transparent);
}

.e-filter-item[aria-pressed="true"] {
    color: var(--e-filter-active-text-color);
    background-color: var(--e-filter-active-background-color, #007cba);
}