aside ul {
    list-style: none;
    padding-left: 0;
}

aside ul li {
    margin: 0;
}

aside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

aside a {
    color: var(--color-primary);
    text-decoration: none;
}

#badges {
    display: flex;
    flex-flow: wrap;
    gap: 1px;
    filter: grayscale(1);
    opacity: 0.1;
    transition: all .5s ease-in-out;
}

aside:hover #badges {
    filter: grayscale(0);
    opacity: 1;
}