.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;
}

.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--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; }