.acc-menu, 
.pills {
    color: white; 
    display: flex; 
    flex-flow: wrap;
    align-items: center; 
    justify-content: center; 
    margin-top: 36px; 
    width: 100%; 
    /* overflow: scroll; */
}
.acc-menu--secondary {
    justify-content: start; 
}
.acc-menu__item,
.pill {
    list-style: none;
    font-size: 14px; 
    display: inline-block; 
    flex-shrink: 0; 
    color: white; 
    border: 1px SOLID white; 
    border-radius: 50px;
    margin: 5px;
}
.acc-menu__item--secondary {
    background-color: var(--color-blue);
    color: var(--color-white); 
    border: 1px SOLID white; 
}
.acc-menu__link,
.pill__link {
    padding: 8px 16px;
    line-height: 1; 
    display: inline-block;
    color: inherit; 
}
.acc-menu__link--secondary {

}
.acc-menu__item:hover,
.pill:hover  {
    color: var(--color-blue); 
    background-color: var(--color-gold); 
    border: 1px SOLID var(--color-gold);
}
.acc-menu__item.active,
.pill.active {
    color: var(--color-blue); 
    background-color: var(--color-gold); 
    border: 1px SOLID var(--color-gold);
}