.icon-pag {
    background-image: var(--asset-icon-grammar-sidebar);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: var(--size-icon-glyph);
    vertical-align: var(--icon-baseline-shift);
    width: var(--size-icon-glyph);
}

.icon-pag-xl {
    background-image: var(--asset-icon-grammar);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    filter: brightness(0) invert(1);
    height: var(--size-icon-xl);
    width: var(--size-icon-xl);
}

.tab-button.active .icon-pag,
.tab-button:hover .icon-pag {
    filter: brightness(0);
}