/* boutton */
    .flexBtn{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .btn{
        padding: 8px 16px;
        color: var(--white);
        text-wrap: nowrap;
        display: flex;
        justify-content: center;
        align-items: center;
        text-transform: capitalize;
        border: none;
    }

    .btn:hover{
        cursor: pointer;
        scale: 1.02;
    }

    .btn1{
        background: var(--red)
    }

    .btn2{
        background: var(--yellow);
    }

    .btn3{
        background: var(--white);
        border: 1px solid var(--red);
        color: var(--red);
    }

    /* animation load */
        .btn-loader {
            display: inline-block;
            width: 16px;
            height: 16px;
            border: 2px solid var(--white);
            border-top: 2px solid transparent;
            border-radius: 50%;
            animation: spin 0.6s linear infinite;
            vertical-align: middle;
            margin-right: 6px;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
    /* animation load */
/* boutton */

/* responsive */
    /* bouton */
        @media screen and (max-width: 650px) {
            .flexBtn .btn{
                padding: 6px 14px;
                font-size: 15px;
            }
        }
    /* bouton */
/* responsive */