.btn{

display:inline-block;

padding:12px 25px;

border-radius:var(--radius-md);

font-weight:700;

cursor:pointer;

border:none;

transition:var(--transition);

}



.btn-primary{

background:var(--primary-color);

color:white;

}



.btn-primary:hover{

background:var(--primary-dark);

}



.btn-success{

background:var(--secondary-color);

color:white;

}



.btn-warning{

background:var(--accent-color);

color:#222;

}



.btn-outline{

background:transparent;

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

color:var(--primary-color);

}



.btn-outline:hover{

background:var(--primary-color);

color:white;

}



.btn-lg{

padding:15px 35px;

font-size:18px;

}
.btn:focus-visible{outline:3px solid var(--primary-dark);outline-offset:2px;}