.micro-navigation {
    display: grid;
    grid-template-columns: 1fr;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0rem;
}
    @media (min-width: 768px) {.micro-navigation {
        gap: 1rem;
        grid-template-columns: 1fr 1fr
}
    }
    .micro-navigation li a {
        font-size: var(--line-height--body--m);
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        border-top: 1px solid var(--text--pos);
        padding: 1rem 0;
    }
    .micro-navigation li a::after {
            transition: all .4s cubic-bezier(0.09, 0.52, 0.49, 0.97) allow-discrete;
            content: '\2192'; /* Unicode right arrow */
            font-family: 'bomuldots';
            font-weight: 70;
            font-size: 3rem;
            line-height: 0; 
            margin-left: 0.5rem;
        }
    .micro-navigation li a:hover::after {
                font-weight: 100;
                animation: arrow-pulse 0.5s infinite alternate;
            }

@keyframes arrow-pulse {
    0% {
        font-weight: 70;
    }
    100% {
        font-weight: 150;
    }
}