.btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:8px;

padding:12px 22px;

border-radius:10px;

font-size:14px;

font-weight:600;

transition:all .25s ease;

cursor:pointer;

border:none;

}

.btn:hover{

transform:translateY(-1px);

box-shadow:var(--shadow);

}

.btn-primary{

background:var(--primary);

color:#fff;

}

.btn-primary:hover{

background:var(--primary-dark);

}

.btn-success{

background:var(--success);

color:#fff;

}

.btn-danger{

background:var(--danger);

color:#fff;

}

.btn-warning{

background:var(--warning);

color:#fff;

}

.btn-secondary{

background:#6c757d;

color:#fff;

}

.btn-light{

background:#fff;

border:1px solid var(--border);

}

.btn-outline{

background:transparent;

border:2px solid var(--primary);

color:var(--primary);

}

.btn-sm{

padding:8px 14px;

font-size:13px;

}

.btn-lg{

padding:15px 28px;

font-size:16px;

}

.btn-block{

width:100%;

}