.alphabet-filter{margin-bottom:4.8rem;text-align:center;background:var(-bg-neutral-200);border-radius:2.4rem;padding:2.4rem}.alphabet-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));gap:.8rem}.alphabet-filter-title{text-align:center;font-weight:700;font-size:var(--fs-18);margin-bottom:2.4rem}.alphabet-filter .filter-button{display:flex;align-items:center;background:var(--bg-neutral-350);font-size:var(--fs-16);border-radius:50%;aspect-ratio:1 / 1;justify-content:center;font-weight:700;border:1px solid #fff0}.alphabet-filter .filter-button:hover{border-color:var(--c-primary)}.alphabet-filter .filter-button.active{background-color:var(--c-primary);color:var(--c-white)}.artist-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2rem;row-gap:4.8rem}.desktop .artist-list{grid-template-columns:repeat(7,minmax(0,1fr))}