/* =========================================
   PORTAL LAYANAN GTK KABUPATEN KONAWE
   06-button.css
   Version 6.0
========================================= */

/* BUTTON DASAR */

.btn,
button.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:12px 24px;
    border:none;
    border-radius:14px;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    cursor:pointer;
    transition:all .3s ease;
}

/* WARNA */

.btn-primary{
    background:linear-gradient(135deg,#1565c0,#0d47a1);
    color:#fff;
}

.btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(21,101,192,.30);
}

.btn-secondary{
    background:#ff9800;
    color:#fff;
}

.btn-secondary:hover{
    background:#f57c00;
    transform:translateY(-2px);
}

.btn-success{
    background:#2e7d32;
    color:#fff;
}

.btn-success:hover{
    background:#256628;
}

.btn-outline{
    background:#fff;
    color:#1565c0;
    border:2px solid #1565c0;
}

.btn-outline:hover{
    background:#1565c0;
    color:#fff;
}

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

.btn-danger:hover{
    background:#b71c1c;
}

/* UKURAN */

.btn-sm{
    padding:8px 16px;
    font-size:14px;
}

.btn-lg{
    padding:15px 30px;
    font-size:17px;
}

/* FULL WIDTH */

.btn-block{
    width:100%;
}

/* ICON */

.btn i{
    font-size:1em;
}

/* DISABLED */

.btn:disabled,
.btn.disabled{
    opacity:.6;
    cursor:not-allowed;
    pointer-events:none;
}

/* GROUP */

.button-group{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

/* FOCUS */

.btn:focus-visible{
    outline:3px solid rgba(21,101,192,.25);
    outline-offset:3px;
}

/* RESPONSIVE */

@media(max-width:768px){

.button-group{
    flex-direction:column;
}

.btn{
    width:100%;
}

}

@media(prefers-reduced-motion:reduce){

.btn{
    transition:none !important;
}

}