/* ======================================================
   BARBER LUXURY — BUTTONS
   BOTÕES PREMIUM PRETO + DOURADO
   ====================================================== */


/* ============================= */
/* BASE BOTÃO */
/* ============================= */

.btn{

display:inline-flex;
align-items:center;
justify-content:center;

padding:12px 26px;

border-radius:12px;

font-family:'Poppins',sans-serif;
font-weight:600;
font-size:14px;

cursor:pointer;

border:none;

text-decoration:none;

transition:
all .25s ease;

position:relative;

}


/* ============================= */
/* BOTÃO DOURADO */
/* ============================= */

.btn-gold{

background:
linear-gradient(
135deg,
#D4AF37,
#f3d46c
);

color:#000;

box-shadow:
0 0 12px rgba(212,175,55,.35),
0 4px 20px rgba(0,0,0,.6);

}

.btn-gold:hover{

background:
linear-gradient(
135deg,
#f3d46c,
#D4AF37
);

transform:translateY(-2px);

box-shadow:
0 0 18px rgba(212,175,55,.55),
0 8px 25px rgba(0,0,0,.7);

}

.btn-gold:active{

transform:scale(.96);

}


/* ============================= */
/* BOTÃO OUTLINE */
/* ============================= */

.btn-outline{

background:transparent;

border:1px solid #D4AF37;

color:#D4AF37;

}

.btn-outline:hover{

background:#D4AF37;

color:#000;

transform:translateY(-2px);

box-shadow:
0 0 12px rgba(212,175,55,.45);

}


/* ============================= */
/* BOTÃO ESCURO */
/* ============================= */

.btn-dark{

background:#111;

border:1px solid #222;

color:#fff;

}

.btn-dark:hover{

border:1px solid #D4AF37;

color:#D4AF37;

transform:translateY(-2px);

}


/* ============================= */
/* BOTÃO FULL WIDTH */
/* ============================= */

.btn-full{

width:100%;

}


/* ============================= */
/* BOTÃO PEQUENO */
/* ============================= */

.btn-sm{

padding:8px 16px;

font-size:13px;

border-radius:8px;

}


/* ============================= */
/* BOTÃO GRANDE */
/* ============================= */

.btn-lg{

padding:16px 34px;

font-size:16px;

border-radius:14px;

}


/* ============================= */
/* BOTÃO COM ÍCONE */
/* ============================= */

.btn-icon{

display:flex;
align-items:center;
gap:10px;

}


/* ============================= */
/* BOTÃO DESATIVADO */
/* ============================= */

.btn:disabled{

opacity:.5;

cursor:not-allowed;

box-shadow:none;

transform:none;

}