.a-button {
    border: none;
    padding: 0.75rem 2.375rem;
    border-radius: 3rem;
    width: fit-content;
    cursor: pointer;
}

    .a-button:disabled {
        opacity: 0.5;
    }

    .a-button span {
        z-index: 1;
        transition: 0.3s all ease-in-out;
    }

    .a-button::before {
        z-index: 1;
    }

    .a-button::after {
        transition: 0.3s all ease-in-out;
        border-radius: 50%;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
/*	
    EXEMPLE
    <button class="a-button a-button-primary"><span></span></button>	
*/

.a-button-primary {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25), 0px 5px 5px rgba(0, 0, 0, 0.15);
    font-family: Montserrat-Bold;
    font-size: 1rem;
    align-items: center;
    display: flex;
    background-color: var(--primary-color);
    position: relative;
    overflow: hidden;
    outline: none;
    border: none;
}

    .a-button-primary span {
        color: var(--primary-text-color);
    }

    .a-button-primary::after {
        background-color: var(--primary-dark-color);
    }

.a-button-secondary {
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
    font-family: Montserrat-semibold;
    font-size: 1rem;
    display: flex;
    align-items: center;
    background: var(--primary-secondary-color);
}

    .a-button-secondary span {
        color: var(--primary-color);
    }

.a-button-third {
    padding: 0.5rem 1.5rem !important;
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
    font-family: Montserrat;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    border: 1px solid var(--primary-color);
    box-sizing: border-box;
    border-radius: 3rem;
    background: transparent;
}

    .a-button-third span {
        color: var(--primary-color);
    }

.a-button-fourth {
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
    font-family: Montserrat;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    border: 1px solid var(--primary-color);
    box-sizing: border-box;
    background: transparent;
}

    .a-button-fourth span {
        color: var(--primary-color);
    }

/*Si autre taille ou padding nécessaire :
        changer le padding dans a-button-icon (taille de l'image (20px par défaut) + padding horizontal)
        dans le before :
            changer background-size
            changer left par le padding horizontal utilisé
*/
.a-button-icon {
    padding-left: 3.5rem;
}

    .a-button-icon span {
        margin-left: 0.75rem;
    }

    /*    .a-button-icon > img {
        min-height: 20px;
        min-width: 20px;
    }*/

    .a-button-icon::before {
        position: absolute;
        display: inline-block;
        background-size: 1.25rem 1.25rem;
        min-height: 1rem;
        min-width: 1rem;
        background-repeat: no-repeat;
        background-position: center;
        left: 2rem;
        content: "";
        background-size: contain;
        /*Overrider background-image when using*/
        /*background-image: url('../../images/dpi_anamnese_parametres.svg');*/
    }

.a-button-icon__third span {
    margin-left: 1.375rem;
}

.a-button-icon__third::before {
    min-height: 1rem;
    min-width: 1rem;
    left: 1.375rem;
    background-size: contain;
}

.a-button-icon-dark::before {
    filter: brightness(0);
}

.a-button-destructive {
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem;
    font-family: Montserrat-bold;
    font-size: 1rem;
    display: flex;
    align-items: center;
    background: var(--error-color);
}

    .a-button-destructive span {
        color: var(--error-text-color);
    }

.a-button-destructive-third {
    position: relative;
    overflow: hidden;
    font-size: 0.85rem;
    font-family: Montserrat-bold;
    display: flex;
    align-items: center;
    border: 1px solid var(--error-color);
    border-radius: 3rem;
    background: transparent;
}

    .a-button-destructive-third span {
        color: var(--error-color);
    }

.a-button-secondary-primary {
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
    font-family: Montserrat-bold;
    font-size: 1rem;
    display: flex;
    align-items: center;
    background: var(--secondary-light-color);
}

    .a-button-secondary-primary span {
        color: var(--secondary-light-text-color);
    }

.a-button-secondary-secondary {
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
    font-family: Montserrat-semibold;
    font-size: 1rem;
    display: flex;
    align-items: center;
    background: rgba(0,97,226,0.15);
}

    .a-button-secondary-secondary span {
        color: var(--secondary-secondary-text-color);
    }

.a-button-secondary-third {
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
    font-family: Montserrat;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    border: 1px solid var(--secondary-light-color);
    box-sizing: border-box;
    border-radius: 20px;
    background: transparent;
}

    .a-button-secondary-third span {
        color: var(--secondary-light-color);
    }

.a-button-secondary-fourth {
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
    font-family: Montserrat;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: var(--secondary-light-color);
    border: 1px solid var(--secondary-light-color);
    box-sizing: border-box;
    background: transparent;
}

    .a-button-secondary-fourth span {
        color: var(--secondary-light-color);
    }

.a-button-end {
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
    font-family: Montserrat-bold;
    font-size: 1rem;
    display: flex;
    align-items: center;
    color: #FEEFE7;
    background: #100E10;
}

.a-button-success {
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
    font-family: Montserrat-bold;
    font-size: 1rem;
    display: flex;
    align-items: center;
    background: var(--success-color);
}

    .a-button-success span {
        color: var(--success-text-color);
    }

.a-button-validate::before {
    background-image: url('../../images/validateWhite.svg');
}

.a-button-back-secondary::before {
    background-image: url('../../images/arrow_back_orange.svg');
    transition: 0.3s all ease;
}

.a-button-back-secondary:hover::before, .a-button-back-secondary:active::before {
    background-image: url('../../images/arrow_back_black.svg');
    transition: 0.3s all ease;
}

.a-button-back-primary::before {
    background-image: url('../../images/arrow_back_black.svg');
    transition: 0.3s all ease;
}

.a-button-back-primary:hover::before, .a-button-back-primary:active::before {
    background-image: url('../../images/arrow_back_white.svg');
    transition: 0.3s all ease;
}

.a-button-back::before {
    background-image: url('../../images/arrow_back_orange.svg');
}

.a-button-add-primary::before {
    background-image: url('../../images/a-add-icon-white.svg');
}

.a-button-archive-third::before {
    background-image: url('../../images/a-archive-icon-orange.svg');
}

.a-button-merge-patient-third::before {
    background-image: url('../../images/a-mergepatient-icon-orange.svg');
}

.a-button-transfer-patient-third::before {
    background-image: url('../../images/a-icon-send.svg');
}

.a-first-filter-button {
    border-radius: 1rem 0.25rem 0.25rem 1rem;
}

.a-middle-filter-button {
    border-radius: 0.25rem;
}

.a-last-filter-button {
    border-radius: 0.25rem 1rem 1rem 0.25rem;
}

.cursor-pointer {
    cursor: pointer;
}

.w-fit-content {
    width: fit-content;
}