/* ==========================================
BUTTONS
========================================== */

.btn-primary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 42px;

border-radius:50px;

background:#8B6F47;

color:#fff;

font-weight:600;

font-size:17px;

border:none;

cursor:pointer;

text-decoration:none;

transition:.35s;

box-shadow:0 15px 35px rgba(139,111,71,.22);

}

.btn-primary:hover{

background:#705735;

transform:translateY(-4px);

box-shadow:0 25px 50px rgba(139,111,71,.35);

}

.btn-primary:active{

transform:scale(.96);

}

.btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 40px;

    border:2px solid #8B6B4A;

    border-radius:50px;

    color:#8B6B4A;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.btn-outline:hover{

    background:#8B6B4A;

    color:#fff;

}

.btn-secondary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 38px;

background:var(--secondary);

border:none;

border-radius:50px;

color:white;

font-weight:600;

cursor:pointer;

transition:var(--transition);

}

.btn-secondary:hover{

transform:translateY(-4px);

box-shadow:var(--shadow-md);

}


.product-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 28px;

min-width:180px;

width:auto;

margin:20px auto 0;

border-radius:50px;

background:#8B6B4A;

color:#fff;

font-size:15px;

font-weight:600;

text-decoration:none;

transition:.35s;

box-shadow:0 12px 25px rgba(139,107,74,.18);

}

.featured-card .product-btn{

display:flex;

width:fit-content;

margin:25px auto 0;

}