/* ==========================================
   Firouze Design System
   Buttons v2.0
========================================== */

/* ---------- Base ---------- */

.fz-btn{

    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    padding:8px 18px;

    font-family:inherit;
    font-size:16px;
    font-weight:700;
    line-height:1.4;
    min-width:90px;
    position:relative;
z-index:2;
    justify-content:center;
    outline:none;

-webkit-appearance:none;
appearance:none;
    text-decoration:none;

    border:2px solid transparent;

   border-radius:var(--radius-sm);

    cursor:pointer;

    transition:
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;

}

/* جلوگیری از پرش هنگام هاور */

.fz-btn:hover{

    text-decoration:none;
    transform:translateY(-1px);
    box-shadow:0 10px 20px rgba(0,162,157,.18);
    z-index:10;

}


/* ---------- PRIMARY ---------- */

.fz-btn-primary{

    background:var(--color-primary);
    color:var(--color-white);
    border:2px solid var(--color-primary);
    min-width:130px;

}

.fz-btn-primary:hover{

    background:var(--color-white);
    color:var(--color-primary);
    border-color:var(--color-primary);

}

/* ---------- SECONDARY ---------- */

.fz-btn-secondary{

    background:var(--color-primary);
    border-color:var(--color-primary);
    color:var(--color-white);

}

.fz-btn-secondary:hover{

    background:var(--color-white);
    color:var(--color-primary);

}
.fz-btn-outline{

    background:var(--color-white);
    color:var(--color-primary);
    border:2px solid var(--color-primary);

}

.fz-btn-outline:hover{

    background:var(--color-primary);
    color:var(--color-white);

}

/* ---------- Sizes ---------- */


.fz-btn-sm{

    height:34px;

    padding:0 10px;

    font-size:13px;

    min-width:58px;

}

.fz-btn-md{

    padding:13px 28px;
    font-size:16px;

}

.fz-btn-lg{

    padding:16px 36px;
    font-size:17px;

}

/* ---------- Focus ---------- */

.fz-btn:focus{

    outline:none;

    box-shadow:
    0 0 0 4px rgba(0,162,157,.15);

}

/* ---------- Active ---------- */

.fz-btn:active{

    transform:translateY(0);
        outline:none;
    box-shadow:none;

}

/* ---------- Disabled ---------- */

.fz-btn.disabled,
.fz-btn:disabled{

    opacity:.6;

    cursor:not-allowed;

    pointer-events:none;

}
.fz-btn{

    letter-spacing:.2px;

}
.fz-btn{

    font-family:'irsans-bold', var(--font-fa);

    font-weight:700;

}
.fz-search-btn i{
    margin-left:8px;
}
.fz-search-btn i{
    margin-right:8px;
}
body.english-body .fz-search-btn i{
    margin-right:0;
    margin-left:8px;
}
.fz-search-btn small{
    margin-left:8px;
}
body.english-body .fz-search-btn small{
    margin-left:0;
    margin-right:8px;
}
/* ---------- ORANGE ---------- */

.fz-btn-orange{

    background:var(--color-orange);
    color:var(--color-white);

    border:2px solid var(--color-orange);

    min-width:130px;

}

.fz-btn-orange:hover{

    background:var(--color-white);

    color:var(--color-orange);

    border-color:var(--color-orange);

}
.fz-btn-orange:hover{

    background:#fff;

    color:var(--color-orange);

    border-color:var(--color-orange);

    box-shadow:0 10px 20px rgba(242,92,47,.18);

}