.status-btn {
    --main-color: #ccc;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border-top: 2px solid var(--main-color);
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--main-color);
    -webkit-tap-highlight-color: transparent;
    padding: 0.8rem;
    text-decoration: none;
    transition: box-shadow 0.6s cubic-bezier(.79, .21, .06, .81);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.06);
    margin-left: 0.2rem;
}

.btn-grise {
    --main-color: #bdbdbd;
    background: #E7EBF1;
}

.status-icon {
    color: var(--main-color);
}

.status-publiee   { --main-color: rgb(65, 65, 241); }
.status-confirmee { --main-color: #62c562; }
.status-commandee { --main-color: green; }
.status-terminee  { --main-color: gold; }
.status-realisee  { --main-color: rgb(255, 196, 0); }
.status-caduque   { --main-color: rgb(196, 120, 34); }
.status-annulee   { --main-color: rgb(221, 22, 48); }
.status-facturee  { --main-color: #3F51B5; }
.status-emargement { --main-color: #009688; }
.filtre-modifications { --main-color: #3F51B5;}