.tab-bar-button {
    color: #353535;
    font-size: 1.125rem;
    line-height: 1.36;
    font-weight: 400;
    padding: 2px 4px 10px 4px;
}

.tab-bar-button.active {
    color: #232323;
    font-weight: 700;
    border-bottom: 4px solid #85BC20;
    padding-bottom: 6px;
}

.tab-bar-button.disabled {
    color: #a3a3a3;
}

.tab-bar-button:focus-within {
    outline: 2px solid #474747;
    outline-offset: -2px;
}

.tab-bar-button:hover:not(.disabled):not(.active) {
    border-bottom: 4px solid #C2DE90;
    padding-bottom: 6px;
}

li.tab-bar-button {
    list-style: none;
}


li.tab-bar-button > a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}
li.tab-bar-button > a:focus {
    outline: none;
}