.btn-primary,
button.btn-primary,
a.btn-primary,
input[type="submit"].btn-primary {
    background-color: var(--btn-primary, #2563EB) !important;
    border-color: var(--btn-primary, #2563EB) !important;
    color: white !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
button.btn-primary:hover,
a.btn-primary:hover,
input[type="submit"].btn-primary:hover {
    background-color: var(--btn-primary-hover, #1D4ED8) !important;
    border-color: var(--btn-primary-hover, #1D4ED8) !important;
    color: white !important;
}

.btn-outline-primary {
    color: var(--btn-primary, #2563EB) !important;
    border-color: var(--btn-primary, #2563EB) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--btn-primary, #2563EB) !important;
    border-color: var(--btn-primary, #2563EB) !important;
    color: white !important;
}

.btn-secondary,
button.btn-secondary,
a.btn-secondary {
    background-color: var(--btn-secondary, #6B7280) !important;
    border-color: var(--btn-secondary, #6B7280) !important;
    color: white !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: var(--btn-secondary-hover, #4B5563) !important;
    border-color: var(--btn-secondary-hover, #4B5563) !important;
    color: white !important;
}

.btn-outline-secondary {
    color: var(--btn-secondary, #6B7280) !important;
    border-color: var(--btn-secondary, #6B7280) !important;
    background-color: transparent !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
    background-color: var(--btn-secondary, #6B7280) !important;
    border-color: var(--btn-secondary, #6B7280) !important;
    color: white !important;
}

.btn-success,
button.btn-success,
a.btn-success {
    background-color: var(--btn-success, #10B981) !important;
    border-color: var(--btn-success, #10B981) !important;
    color: white !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: var(--btn-success-hover, #059669) !important;
    border-color: var(--btn-success-hover, #059669) !important;
    color: white !important;
}

.btn-outline-success {
    color: var(--btn-success, #10B981) !important;
    border-color: var(--btn-success, #10B981) !important;
    background-color: transparent !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
    background-color: var(--btn-success, #10B981) !important;
    border-color: var(--btn-success, #10B981) !important;
    color: white !important;
}

.btn-danger,
button.btn-danger,
a.btn-danger {
    background-color: var(--btn-danger, #EF4444) !important;
    border-color: var(--btn-danger, #EF4444) !important;
    color: white !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: var(--btn-danger-hover, #DC2626) !important;
    border-color: var(--btn-danger-hover, #DC2626) !important;
    color: white !important;
}

.btn-outline-danger {
    color: var(--btn-danger, #EF4444) !important;
    border-color: var(--btn-danger, #EF4444) !important;
    background-color: transparent !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
    background-color: var(--btn-danger, #EF4444) !important;
    border-color: var(--btn-danger, #EF4444) !important;
    color: white !important;
}

.btn-warning,
button.btn-warning,
a.btn-warning {
    background-color: var(--btn-warning, #F59E0B) !important;
    border-color: var(--btn-warning, #F59E0B) !important;
    color: white !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: var(--btn-warning-hover, #D97706) !important;
    border-color: var(--btn-warning-hover, #D97706) !important;
    color: white !important;
}

.btn-outline-warning {
    color: var(--btn-warning, #F59E0B) !important;
    border-color: var(--btn-warning, #F59E0B) !important;
    background-color: transparent !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    background-color: var(--btn-warning, #F59E0B) !important;
    border-color: var(--btn-warning, #F59E0B) !important;
    color: white !important;
}

.btn-info,
button.btn-info,
a.btn-info {
    background-color: var(--btn-info, #06B6D4) !important;
    border-color: var(--btn-info, #06B6D4) !important;
    color: white !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: var(--btn-info-hover, #0891B2) !important;
    border-color: var(--btn-info-hover, #0891B2) !important;
    color: white !important;
}

.btn-outline-info {
    color: var(--btn-info, #06B6D4) !important;
    border-color: var(--btn-info, #06B6D4) !important;
    background-color: transparent !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    background-color: var(--btn-info, #06B6D4) !important;
    border-color: var(--btn-info, #06B6D4) !important;
    color: white !important;
}

.btn-light,
button.btn-light,
a.btn-light {
    background-color: var(--btn-light, #F9FAFB) !important;
    border-color: var(--btn-light, #F9FAFB) !important;
    color: var(--ana, #0A0A0A) !important;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    background-color: var(--btn-light-hover, #F3F4F6) !important;
    border-color: var(--btn-light-hover, #F3F4F6) !important;
    color: var(--ana, #0A0A0A) !important;
}

.btn-outline-light {
    color: var(--btn-light, #F9FAFB) !important;
    border-color: var(--btn-light, #F9FAFB) !important;
    background-color: transparent !important;
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active {
    background-color: var(--btn-light, #F9FAFB) !important;
    border-color: var(--btn-light, #F9FAFB) !important;
    color: var(--ana, #0A0A0A) !important;
}

.btn-dark,
button.btn-dark,
a.btn-dark {
    background-color: var(--btn-dark, #1F2937) !important;
    border-color: var(--btn-dark, #1F2937) !important;
    color: white !important;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    background-color: var(--btn-dark-hover, #111827) !important;
    border-color: var(--btn-dark-hover, #111827) !important;
    color: white !important;
}

.btn-outline-dark {
    color: var(--btn-dark, #1F2937) !important;
    border-color: var(--btn-dark, #1F2937) !important;
    background-color: transparent !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
    background-color: var(--btn-dark, #1F2937) !important;
    border-color: var(--btn-dark, #1F2937) !important;
    color: white !important;
}