.c-milink-w {
    display   : block;
    list-style: none;
}

/* Common styles for both types of links */
.c-milink-c {
    display              : grid;
    align-items          : center;
    text-decoration      : none;
    gap                  : var(--margin-sm);
    grid-template-columns: 1fr auto;
    padding              : var(--margin-sm) 0;
}

.c-milink-c>svg {
    width      : var(--icon-size);
    height     : auto;
    flex-shrink: 0;
}

/* Specific styles for news link */
.c-milink-news {
    text-align: right;
}

.c-milink-news,
.c-milink-news:visited {
    color: var(--univ-primary);
}

.c-milink-news>svg {
    fill  : var(--univ-primary);
    stroke: var(--univ-primary);
}

/* Specific styles for standard link */
.c-milink-standard {
    text-align: left;
}

.c-milink-standard,
.c-milink-standard:visited {
    color: var(--main-fg);
}

.c-milink-standard>svg {
    fill  : var(--univ-secondary);
    stroke: var(--univ-secondary);
}