/* Modernisasi tombol NobleUI */

.btn {
    border-radius: 0.6rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.btn-sm {
    border-radius: 0.5rem;
}

/*
 * Bootstrap tidak punya ukuran xs bawaan. NobleUI sendiri sebenarnya sudah
 * mendefinisikan `.btn.btn-xs` (selector gabungan, spesifisitas 0-2-0) yang
 * cuma mengecilkan padding vertikal & font-size sedikit - kurang kelihatan.
 * Override di sini WAJIB pakai selector gabungan `.btn.btn-xs` yang sama
 * (bukan `.btn-xs` saja) supaya menang lawan rule bawaan NobleUI itu.
 */
.btn.btn-xs {
    padding: 0.15rem 0.45rem;
    font-size: 0.72rem;
    border-radius: 0.4rem;
    line-height: 1.5;
}

.btn-xs.btn-icon-text .btn-icon-prepend,
.btn-xs.btn-icon-text .btn-icon-append {
    width: 0.8rem;
    height: 0.8rem;
    vertical-align: -1px;
}

.btn-icon-text .btn-icon-prepend,
.btn-icon-text .btn-icon-append {
    vertical-align: -2px;
}

.btn-primary,
.btn-danger,
.btn-success {
    box-shadow: 0 6px 14px -6px rgba(101, 113, 255, 0.45);
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover {
    box-shadow: 0 4px 10px -4px rgba(15, 23, 42, 0.2);
}