/* BUTTON */

.btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 18px;
border-radius:10px;
font-weight:700;
text-decoration:none;
cursor:pointer;
transition:.25s;
border:none;
}

.btn:hover{
transform:translateY(-2px);
}

.btn-primary{
background:#3498db;
color:#fff;
}

.btn-success{
background:#27ae60;
color:#fff;
}

.btn-danger{
background:#e74c3c;
color:#fff;
}

.btn-warning{
background:#f1c40f;
color:#000;
}

/* BADGE */

.badge{
display:inline-flex;
align-items:center;
padding:7px 12px;
border-radius:999px;
font-size:13px;
font-weight:bold;
}

.badge-warning{
background:#f1c40f;
color:#000;
}

/* ALERT */

.alert{
padding:14px;
border-radius:10px;
margin-bottom:15px;
font-weight:bold;
text-align:center;
}

.alert-danger{
background:#ff4d4f;
color:#fff;
}