.wrapper {
display: grid;
align-content: flex-start;
gap: 32px;
@media (max-width: 768px) {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
}
.tagContainer {
display: flex;
gap: 12px;
align-items: center;
justify-content: center;
&.reverse {
flex-direction: row-reverse;
}
.linkImg {
width: 30px;
height: 30px;
}
.arrow {
width: 20px;
height: 20px;
transform: rotate(180deg);
}
}
.containerPill {
display: flex;
gap: 15px 10px;
align-content: flex-start;
flex-flow: row wrap;
}
.overflowPill {
display: inline-block;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0;
}