.badge {
    transition: opacity 0.125s;

    &:not([src$='.svg']) {
        image-rendering: pixelated;
    }
}

.badge-row {
    margin-bottom: 1rem;
}

@media (pointer: fine) {
    .badge:not(:focus):not(:hover) {
        opacity: 0.8;
    }
}