.link {
    position: relative;
    display: inline-block;
    text-decoration: none!important;
}

.link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;

    width: 0%;
    height: 2px;

    background: currentColor;

    transition: 0.25s ease;
    opacity: 0.6;
}

.link:hover::after {
    width: 100%;
}

.link-rouge:hover::after {
    color: var(--ecox-rouge);
}
.link-blanc:hover::after {
    color: #fff;
}





.ecox_link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:var(--ecox-bleu);
    text-transform:uppercase;
    text-decoration:none!important;
    transition:color .3s ease;
    padding: 15px 0;
    margin-bottom:0;
}

.ecox_link .material-symbols-outlined{
    font-size:1.45rem!important;
    color:var(--ecox-rouge);
    transition:transform .3s ease;
}

.ecox_link:hover .material-symbols-outlined{
    transform:translateX(4px);
}

.ecox_link.normal {
    font-weight:500;
    font-size:.9rem!important;
}

.ecox_link.large {
    font-weight:600;
    font-size:1.15rem!important;
}


.ecox_link_back{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:50px;
    text-decoration:none!important;
    color:var(--ecox-bleu);
    font-weight:600;
    text-transform: uppercase;
    font-size: 1.1rem!important;
    transition:.3s;
}
.ecox_link_back .material-symbols-outlined{
    color: var(--ecox-rouge);
    font-size: 1.4rem!important;
    transition:transform .3s;
}
.ecox_link_back:hover .material-symbols-outlined{
    transform: translateX(-4px);
}