@keyframes color-transition-69257c7e {
    0% {
        color: var(--c-light-light-gray)
    }

    30% {
        color: var(--c-lime)
    }

    to {
        color: var(--c-dark-green)
    }
}

.tag-button-list[data-v-69257c7e] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    width: 100%
}

.tag-button[data-v-69257c7e] {
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.98px;
    line-height: 80.5%;
    padding: 8px;
    text-transform: uppercase;
    transition: all .2s ease;
    width: -moz-fit-content;
    width: fit-content
}

.tag-button--active[data-v-69257c7e] {
    background-color: #052424 !important;
    color: #fff !important;
    transform: scale(.95)
}

.tag-button[data-v-69257c7e]:hover {
    opacity: .8
}