.letters-container{gap:9px;display:flex}.letter-component{text-transform:uppercase;aspect-ratio:1;cursor:pointer;width:100%;color:var(--color-text-secondary);border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;transition:background-color .5s,color .5s;display:flex}.letter-component:hover{background-color:var(--color-background-light);color:var(--color-brand-secondary)}@media (max-width:992px){.letters-container{gap:3px}}@media (max-width:768px){.letters-container{display:none}}