.tag:first-of-type{
margin:.75rem 0 0 0;
padding:.5rem 0 0 0;
border-top:var(--base-border-color) 1px solid;
}

.tag p,
.tag ul{
font-size:var(--s-font-size);
font-weight:bold;
margin:0;
padding:0;
}

.tag p{
display:inline;
}

.tag ul{
list-style:none;
display:inline;
}

.tag li{
display:inline;
background:none;
}

.tag li:before{
display:none;
}

.tag .label{
display:inline-block;
margin:0 0 .25rem 0;
width:4.5rem;
}

.tag a{
display:inline-block;
border-radius:.5rem;
background:var(--asset-background-color);
}

/* Mobile View */
@media screen and (max-width: 79.5rem){

.tag a{
margin:0 .25rem .5rem 0;
padding:.25rem .35rem .15rem .35rem;
}


}

/* Desktop View */
@media screen and (min-width: 79.5rem){

.tag a{
margin:0 .25rem .5rem 0;
padding:.15rem .35rem .1rem .35rem;
}

}

.tag a:first-of-type{
margin:0 .25rem .5rem 0;
}

.tag a:hover{
background:var(--asset-border-color);
}

/* Desktop View */
@media screen and (min-width: 79.5rem){

.tag:last-of-type{
border-bottom:var(--base-border-color) 1px solid;
}

.tag .label{
text-transform:uppercase;
width:6rem;
}

.tag a{
padding:0 .35rem;
}

.tag a{
border:1px solid var(--asset-border-color);
}

.tag a:hover{
border:1px solid var(--asset-background-color);
}

}