.alphabet-links{background-color:var(--mainBgColor);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin:10px 0;padding:1rem;display:flex}.alphabet-links a{cursor:pointer;color:#979797;border-bottom:2px solid var(--DarkGrayTextColor);text-decoration:none;transition:color .3s,background-color .3s,border-color .3s}.alphabet-links a:hover{color:#000;border-bottom-color:var(--DarkGrayTextColor)}.alphabet-links a.active{color:#fff;background-color:var(--mainColor);border-bottom-color:var(--mainColor);border-radius:18px;padding:2px 15px}@media (min-width:520px) and (max-width:770px){.alphabet-links{gap:10px}}@media (max-width:600px){.alphabet-links a.active{padding:0 10px}.alphabet-links{grid-template-columns:repeat(4,1fr);justify-items:center;gap:20px 35px;margin:0;padding:0 20px 20px;display:grid}}@media (max-width:385px){.alphabet-links{justify-items:center;gap:20px 25px}}