.tb-badge {
    font-size: config('textSizes.xs');
    font-weight: config('fontWeights.bold');
    text-transform: uppercase;
    padding: config('padding.1') config('padding.2');
    color: config('colors.white');
    background-color: config('colors.primary');
    border-radius: config('borderRadius.default');
}

// Badges for Tour Difficulty Rating can be dark-grey or blue.
.tb-badge--hard {
    background-color: config('colors.grey-darkest');
}

.tb-badge--easy {
    background-color: config('colors.secondary');
}

.tb-badges-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 config('margin.2');
    padding: 0;

    li:not(:last-child) {
        margin-right: config('margin.2');
        margin-bottom: config('margin.2');
    }
}
