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

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

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

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

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