.c-tags {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.c-tags__tag {
    display: inline-flex;
    padding: 2px 6px;
    color: var(--tags-color, var(--color-grey-900));
    text-decoration: none;
    border: 1px solid currentColor;
    border-radius: 8px;
    font-size: 1rem;

    &:hover, &:focus {
        text-decoration: none;
        color: var(--tags-hover-color, var(--color-white));
        background-color: var(--tags-hover-bg, var(--color-grey-900));
    }
}

.c-tag__tag--selected {
    color: var(--tags-active-color, var(--color-white));
    background-color: var(--tags-active-bg, var(--color-grey-900));
    border: 1px solid currentColor;
}