/*#panier{*/
/*    position: fixed;*/
/*    bottom: 24px;*/
/*    right: 24px;*/
/*    z-index: 999;*/
/*}*/

/*#panier .panier-container{*/
/*    border-radius: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-direction: column;*/
/*    font-family: var(--body-font) !important;*/
/*    cursor: pointer;*/
/*    background-color: #fff;*/
/*    width: 120px;*/
/*    height: 120px;*/
/*    text-align: center;*/
/*}*/

/*#panier .panier-container::before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 4px;*/
/*    border: 1px solid var(--primary-color)!important;*/
/*    border-radius: 50%;*/
/*}*/

/*#panier .panier-indicator{*/
/*    position: relative;*/
/*}*/

/*#panier .panier-indicator .panier-nb{*/
/*    background-color: red;*/
/*    color: white;*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    border-radius: 100%;*/
/*    position: absolute;*/
/*    top: -6px;*/
/*    right: -16px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 14px;*/
/*}*/

/*mdc-button mat-mdc-button-base btn-action mdc-button--raised mat-mdc-raised-button mat-unthemed{*/
/*    all: unset;*/
/*}*/


div#basketContainer {
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: var(--body-font) !important;
    cursor: pointer;
    background-color: #ffffff;
    width: 120px;
    height: 120px;
    text-align: center;
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 999;
}

div#basketContainer::before {
    content: "";
    position: absolute;
    inset: 4px;
    border: 1px solid var(--primary-color)!important;
    border-radius: 50%;
}