.tag {
    color: #636466;
}

    .tag--text {
        text-transform: uppercase;
        font-family: var(--sans-serif);
    }

.tags--list {

        padding-left: 0;
        list-style: none;
        font-family: var(--sans-serif);
        color: #636466;
        text-transform: uppercase;
    }

.tags--list ul {
            padding-left: 0;
            list-style: none;
        }

.tags--list li {
            
        }

.tags--group {
        display: block;
    }

.tags--inline {
        position: relative;
        display: inline;
    }

.tags--inline li {
            display: inline-block;
            margin: 0;
        }

.tags--inline li:after {
                content: ', ';
                padding-right: 1ch;

            }

.tags--inline li:last-of-type:after {

                    content: unset;    
                    padding-right: unset;
                }

.tags--hero-list ul {
            padding-left: calc(var(--space-md) * 1.5);
            position: relative;
            color: hsla(var(--hero-text-color),1);
        }

.tags--hero-list ul:before {
                content: '\f02c';
                font-family: var(--font-awesome);
                position: absolute;
                left: 0;
                font-weight: var(--regular-weight);
            }