/**
 * Links with animated underline
 */
.c-link {
    display: inline-block;
    color: rgba(var(--breto-azure-rgb), 1);
    text-decoration: none;
    font-style: italic;
    position: relative;
}


.c-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px; /* Adjust space below text */
    width: 100%;
    height: 2px; /* Adjust thickness */
    background-color: rgba(var(--breto-azure-rgb), 1); /* Adjust underline color */
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.2s ease-out;
}

.c-link:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}
/** End animated link **/