/* ==========================================================
   LicitaAI.club
   button.css
   Design System v2.0
   Mobile First
   Compatível com todos os HTMLs existentes
==========================================================*/

.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-width:120px;
height:46px;
padding:0 20px;
border:1px solid transparent;
border-radius:12px;
font:600 0.95rem inherit;
text-decoration:none;
cursor:pointer;
user-select:none;
transition:all .25s ease;
white-space:nowrap;
}

.btn:hover{transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn svg{width:18px;height:18px;flex-shrink:0;}

.btn-primary{background:var(--color-primary);color:#fff;}
.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);}

.btn-secondary{background:var(--color-gray-100);color:var(--text-primary);}
.btn-secondary:hover{background:var(--color-gray-200);}

.btn-outline{
background:transparent;
color:var(--color-primary);
border-color:var(--color-primary);
}
.btn-outline:hover{
background:var(--color-primary);
color:#fff;
}

.btn-ghost{
background:transparent;
color:var(--text-secondary);
}
.btn-ghost:hover{
background:var(--color-gray-100);
}

.btn-success{background:var(--color-success);color:#fff;}
.btn-success:hover{filter:brightness(.96);}

.btn-danger{background:var(--color-danger);color:#fff;}
.btn-danger:hover{filter:brightness(.96);}

.btn-google{
display:inline-flex;
align-items:center;
justify-content:center;
gap:12px;
width:100%;
margin-top:16px;
background:#fff;
color:#3c4043;
border:1px solid #dadce0;
box-shadow:0 1px 2px rgba(60,64,67,.12);
}
.btn-google:hover{
background:#f8f9fa;
border-color:#c6c6c6;
}
.btn-google svg{
width:20px;
height:20px;
}

.btn-sm{height:38px;font-size:.875rem;padding-inline:16px;}
.btn-lg{height:54px;font-size:1.05rem;padding-inline:28px;}
.btn-block{display:flex;width:100%;}

.btn:disabled{
opacity:.55;
cursor:not-allowed;
pointer-events:none;
transform:none;
}

.btn:focus-visible{
outline:3px solid rgba(15,76,129,.20);
outline-offset:3px;
}

.login-actions{
display:flex;
flex-direction:column;
gap:16px;
margin-top:24px;
}

@media(min-width:768px){
.btn-primary{min-width:170px;}
.btn-outline{min-width:140px;}
}