.btn-download-docs{
    display:flex;
    align-items:center;
    gap:15px;
    padding:14px;
    border:1px solid var(--ecox-bleu);
    border-radius:3px;
    text-decoration:none;
    color:inherit;
    background:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.03);
    transition:
            background-color .25s ease,
            border-color .25s ease;
}

.btn-download-docs:hover{
    text-decoration:none;
    border-color:var(--ecox-bleu);
    background:var(--ecox-bleu);
    box-shadow:0 12px 30px rgba(51,52,102,.16);
}

.btn-download-docs:active{
    box-shadow:0 5px 15px rgba(51,52,102,.12);
}

.btn-download-docs > .material-symbols-outlined:first-child{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    border-radius:50%;
    background:rgba(51,52,102,.08);
    color:var(--ecox-rouge);
    font-size:24px!important;
    transition:
            background-color .35s ease,
            color .35s ease;
}

.btn-download-docs:hover > .material-symbols-outlined:first-child{
    background:#fff;
    color:var(--ecox-bleu);
}

.btn-download-docs-content{
    display:flex;
    flex-direction:column;
    flex:1;
}

.btn-download-docs-content strong{
    font-size:.95rem;
    color:var(--ecox-bleu);
    line-height:1.3;
    letter-spacing:.2em;
    transition:color .3s ease;
}

.btn-download-docs:hover .btn-download-docs-content strong{
    color:#fff;
}

.btn-download-docs-content small{
    margin-top:3px;
    color:#8b8b8b;
    font-weight:300;
    font-size:.8rem;
    transition:color .3s ease;
}

.btn-download-docs:hover .btn-download-docs-content small{
    color:rgba(255,255,255,.72);
}

.btn-download-docs-arrow{
    flex-shrink:0;
    font-size:22px!important;
    color:var(--ecox-bleu);
    transform:translateX(0);
    transition: color .3s ease;
}

.btn-download-docs:hover .btn-download-docs-arrow{
    color:#fff;
}


/* ==========================================================
   NORMAL
========================================================== */

.btn-download-docs.size-normal{
    gap:10px;
    padding:8px 10px;
}

.btn-download-docs.size-normal > .material-symbols-outlined:first-child{
    width:34px;
    height:34px;
    font-size:20px!important;
}

.btn-download-docs.size-normal .btn-download-docs-content strong{
    font-size:.85rem!important;
    font-weight:500!important;
    letter-spacing:.16em;
}

.btn-download-docs.size-normal .btn-download-docs-content small{
    font-size:.72rem!important;
}

.btn-download-docs.size-normal .btn-download-docs-arrow{
    font-size:18px!important;
}