.compilationSection{margin:calc(var(--font-size-16)*2) 0;}
.compilation__container{margin:calc(var(--font-size-16)*2) calc(-0.8em / 2)}
.compilationItem{
    padding: .5em 1em;
    background: var(--border-color);
    border: 1px solid var(--border-color);
    border-radius: 2em;
    margin: .5em;
    font-size: .8em;
    transition: .2s linear;
    cursor: pointer;
    outline: none;
    display: inline-block;
}
.compilationItem svg{width: 1em;height: 1em}

@media (hover: hover) {
    .compilationItem:hover{background: var(--brand-color);border-color:var(--brand-color)}
}