/* custom-btn-overrides.css */

.btn {
    font-family: var(--font-inter), sans-serif;
    font-style: normal;
    font-optical-sizing: auto;
    font-size: var(--fz-14);
    transition: none;
    border: none;
    padding: 10px 15px;
    border-radius: 6px;
    color: white;

}
.btn.btn-primary {
    background-color: var(--color-solid);
}

.btn-primary:hover {
    background: #3055cc;
}

.btn.btn-warning {
    color: var(--color-text-default);
}

.btn.btn-outline-warning {
    color: var(--color-text-default);
}

.btn.btn-outline-primary:hover {
    color: var(--color-sidebar-text);
}

.btn-outline-primary:not(.active) {
    box-shadow: inset 0 0 0 1px var(--color-solid);
    color: var(--color-solid);
}

.btn.btn-special {
    background: var(--color-special);
    font-family: var(--font-space-grotesk), sans-serif;
    color: white;
}

.btn.btn-special:hover {
    background: var(--color-special-3);
    box-shadow: 0px 4px 12px rgba(58, 94, 225, 0.5);
}
.btn.btn-light {
    color: var(--color-bluewave-text-default);
}
.btn-sm {
    font-size: var(--fz-12);
}

.btn-outline-dark {
    border: 1px solid var(--color-text-default);
    color: var(--color-text-default);
}

.btn-outline-warning {
    border: 1px solid var(--color-warning-border);
    color: var(--color-text-warning) !important;
}

.btn-outline-danger:not(.active) {
    box-shadow: inset 0 0 0 1px var(--bs-danger, #dc3545);
    color: var(--bs-danger, #dc3545) !important;
    background-color: transparent;
}

.btn-outline-danger:hover {
    background-color: var(--bs-danger, #dc3545);
    color: white !important;
}