/* The dashboard button (custom_styling.BUTTON_CLASS_NAME), set through
Bootstrap's button variables. Opt-in by class rather than restyling
.btn-primary, so the Underwriting Charts tab keeps its own button. */
.btn.nuggit-btn {
    --bs-btn-color: #fff;
    --bs-btn-bg: #812EF0;
    --bs-btn-border-color: #812EF0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #591EA8;
    --bs-btn-hover-border-color: #591EA8;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4A1890;
    --bs-btn-active-border-color: #4A1890;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #812EF0;
    --bs-btn-disabled-border-color: #812EF0;
    --bs-btn-focus-shadow-rgb: 129, 46, 240;
    --bs-btn-padding-x: 14px;
    --bs-btn-padding-y: 6px;
    --bs-btn-font-family: Jost, sans-serif;
    --bs-btn-font-size: 13px;
    --bs-btn-font-weight: 600;
    --bs-btn-border-radius: 6px;
    /* Fit the label, even as a direct child of a .row. */
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    box-shadow: 0 1px 2px rgba(20, 11, 76, 0.15);
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.btn.nuggit-btn:hover {
    box-shadow: 0 2px 6px rgba(129, 46, 240, 0.35);
}