.arrow-ico-cta-primaire .ico-cta-primaire{
    transform: translate3d(-24px, 0, 0);
    transition: transform .8s ease-out;
}
.arrow-ico-cta-primaire{
    width:24px;
    height: 24px;
    display: flex;
    overflow: hidden;
    z-index: 10;
}
.cta-primaire-bleu:hover .arrow-ico-cta-primaire .ico-cta-primaire{
    transform: translate3d(0, 0, 0);
    transition: transform .8s ease-out;
}
.cta-primaire-bleu{
    background-color: #0002F1;
    color: white;
    padding : 17px 34px;
    border-radius: 15px;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    box-shadow: 0px 0px 0px rgba(20, 20, 43, 0);
    transition: box-shadow 2s ease-out;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.text-cta-primaire-bleu{
    z-index: 10;
}

.cta-primaire-bleu:hover{
    box-shadow: 0px 2px 12px rgba(20, 20, 43, 0.1);
    transition: box-shadow 5s ease-out;
}
.cta-primaire-bleu:hover .cta-primaire-bleu-hover{
    width:100%;
    transition: width .5s ease-out;
}
.cta-primaire-bleu-hover{
    background-color: rgba(0,0,0,.5);
    width:0%;
    height: 100%;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    transition: width .5s ease-out;
}

.cta-primaire-bleu:hover .cta-primaire-vert-hover{
    width:100%;
    transition: width .5s ease-out;
}
.cta-primaire-vert-hover{
    background-color: #000178;
    width:0%;
    height: 100%;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    transition: width .5s ease-out;
}