div:has(>.collab) {
    column-gap: var(--space-l);
}

.collab {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid var(--light);
}

.collab div {
    pointer-events: none;
}

.collab h3 {
    pointer-events: none;
    transition: 0.3s ease all;
}

@media (min-width: 1400px) {
    .collab:nth-child(-n+4) {
        border-top: 1px solid var(--light);
    }
}

@media (min-width: 768px) {
    .collab:nth-child(-n+3) {
        border-top: 1px solid var(--light);
    }
}

div:has(>.collab):hover .collab h3 {
    opacity: 0.4;
}


div:has(>.collab):hover a.collab:hover h3 {
    opacity: 1;
}