/* ==========================================
   BUTTONS
   Ramazan Market
========================================== */

/* Base Button */

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:180px;
    height:56px;

    padding:0 28px;

    border:none;
    border-radius:12px;

    font-size:16px;
    font-weight:700;

    cursor:pointer;

    text-decoration:none;

    transition:all .3s ease;
}

/* Primary */

.btn--primary{

    background:var(--color-primary);
    color:#fff;

}

.btn--primary:hover{

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

    transform:translateY(-2px);

}

/* Secondary */

.btn--secondary{

    background:#fff;

    color:var(--color-secondary);

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

}

.btn--secondary:hover{

    background:var(--color-secondary);

    color:#fff;

    transform:translateY(-2px);

}

/* Small */

.btn--sm{

    min-width:140px;

    height:44px;

    font-size:14px;

}

/* Large */

.btn--lg{

    min-width:220px;

    height:64px;

    font-size:18px;

}