html body .btn.qi-nut {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 20px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    text-decoration: none !important;
    box-shadow: none;
    transition: filter .15s, background-color .15s, border-color .15s, color .15s;
}
html body .btn.qi-nut svg { flex: 0 0 auto; }
html body .btn.btnqi.qi-nut:hover,
html body .btn.btnqi.qi-nut:focus-visible { filter: brightness(.92); }
html body .btn.qi-nut:focus-visible { outline: 3px solid rgba(37, 99, 235, .35); outline-offset: 2px; }

html body .btn.qi-nut--phu {
    background: #fff !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}
html body .btn.qi-nut--phu:hover,
html body .btn.qi-nut--phu:focus-visible { background: #f1f5f9 !important; border-color: #94a3b8 !important; color: #0f172a !important; }

html body .btn.qi-nut--canh { min-height: 0; align-self: stretch; padding: 0 16px !important; }
html body .qi-hang-42 .form-control { height: 42px; }

html body .btn.qi-nut--gui { margin-top: 6px; }
@media (max-width: 575.98px) {
    html body .btn.qi-nut--gui { width: 100%; }
}