.tag {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.02em;
    border: 1px solid var(--grey100);
    padding: 0.5715em 1em;
    border-radius: 1em;
    display: inline-block;
    align-self: start;
}

.tag a { 
    text-decoration: none;
    color: inherit;
}

.tag--green {  color: var(--green100); border-color: var(--green100);}
.tag--grey {  color: var(--grey100); border-color: var(--grey100); }
.tag--orange {
    border-color: var(--yellow100)
}
.tag--grey-blue {
    background-color: var(--blue10);
    border-color: var(--blue10);
}

.tag--green-filled {  background-color: var(--green100); border-color: var(--green100); color: #fff;}
.tag--blue-filled {  background-color: var(--blue100); border-color: var(--blue100); color: #fff;}

.tag { text-decoration: none; }
.tag--green {  color: #FFF; }
.tag--grey {  color: var(--grey100); }
.tag--blue { color: var(--blue100); }
.card__tags .tag--blue:hover { background-color: var(--blue100)!important; color: #FFF; }

.page--color .tag--grey-blue,
.page--event-light .tag--grey-blue {
    color: var(--blue100) !important;
}


.page--grey .tag--grey-blue {
    color: white;
    background-color: var(--grey80);
    border-color: var(--grey80);
    
    svg path {
        fill: var(--green100);
    }
}

.page--grey .tag--orange {
    border-color: var(--grey50);
    color: white;
}

.page--grey .tag--blue {
    border-color: var(--grey50);
    color: white;
}

.page--grey .tag--blue:hover {
    background-color: transparent !important;
}