.blog-post-categories-list {
nav {
ul {
display: flex;
flex-flow: row wrap;
list-style: none;
padding: 0px;
margin: 0px;
gap: 8px;
li {
display: flex;
width: auto;
align-items: center;
font-size: 14px;
padding: 4px 12px;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 16px;
a {
font-size: 13px;
line-height: 20px;
text-decoration: none;
font-weight: 500;
color: var(--text-color) !important;
}
}
.btn-light {
background-color: transparent;
&:hover {
color: var(--cta-background-color) !important;
border: 1px solid rgb(from var(--cta-background-color) r g b / 0.2);
background-color: rgb(from var(--cta-background-color) r g b / 0.1);
box-shadow: inset 0 0 0 1px rgb(from var(--cta-background-color) r g b / 0.2);
}
}
}
}
}