.filter-letters {
    display: flex;
    gap: 10px;
    margin: 20px 0;
    padding-inline-start: 0;
    list-style: none;
}
.filter-letters > li {
    padding: 2px 4px;
    cursor: pointer;
    border-radius: 4px;
}
.filter-letters > li:hover {
    background-color: #0079d9;
    color: #fff;
    text-decoration: underline;
}
.filter-letters .active {
    background-color: gold;
    color: #000;
    cursor: auto;
}
.filter-letters .active:hover {
    text-decoration: none;
    background-color: gold;
    color: #000;
}
.list-items {
    columns: 3;
}

.list-items li::marker {
    color: #1b3dff;
}
.list-items a {
    text-decoration: none;
    color: #1b3dff;
}
.list-items a:hover,
.list-items a:focus,
.list-items li:has(> a:hover)::marker {
    text-decoration: underline;
    color: #0d6efd;
}