.brands {
    margin-top: var(--s4);
    margin-bottom: var(--s4);
    border-radius: var(--s2);
}
.brands section {
    padding: var(--s2);
}

.brands section>div {
    background: var(--color-95);
    padding: var(--s2);
    height: 100%;
    border-radius: var(--s2);
}
.brands section>div:hover {
    outline: 1px solid var(--color-85);
    box-shadow: 0 0 var(--s2) rgba(140, 140, 140, 0.1);
}
.brands .letter {
    font-size: var(--font-large);
    font-weight: 700;
    color: var(--color-navy);
    margin-top: var(--s6);
    margin-bottom: var(--s4);
}

.brands .title {
    margin: var(--s2) 0;
}