﻿.btn {
    padding: var(--cw-btn-padding);
    font-size: var(--cw-font-size-base, 0.9rem);
    border-radius: var(--cw-btn-border-radius);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .btn:focus, .btn.focus {
        box-shadow: inset 0px 0px 1px #ffffff !important;
    }

    .btn.disabled, .btn:disabled {
        opacity: var(--cw-btn-disabled-opacity);
        cursor: not-allowed;
        pointer-events: auto;
    }

.btn-primary {
    background-color: var(--cw-btn-primary-bg);
    border-color: var(--cw-btn-primary-border);
}

    .btn-primary:hover {
        background-color: var(--cw-btn-primary-hover-bg);
        border-color: var(--cw-btn-primary-hover-border);
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 131, 69, var(--cw-btn-focus-shadow-alpha));
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: var(--cw-btn-primary-bg);
        border-color: var(--cw-btn-primary-border);
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        background-color: var(--cw-btn-primary-active-bg);
        border-color: var(--cw-btn-primary-active-border);
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 131, 69, var(--cw-btn-focus-shadow-alpha));
        }

.btn-success {
    background-color: var(--cw-btn-success-bg);
    border-color: var(--cw-btn-success-border);
}

    .btn-success:hover {
        background-color: var(--cw-btn-success-hover-bg);
        border-color: var(--cw-btn-success-hover-border);
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 101, 210, var(--cw-btn-focus-shadow-alpha));
    }

    .btn-success.disabled, .btn-success:disabled {
        background-color: var(--cw-btn-success-bg);
        border-color: var(--cw-btn-success-border);
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
        background-color: var(--cw-btn-success-active-bg);
        border-color: var(--cw-btn-success-active-border);
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 101, 210, var(--cw-btn-focus-shadow-alpha));
        }

.btn-outline-primary {
    color: var(--cw-btn-primary-bg);
    border-color: var(--cw-btn-primary-border);
}

    .btn-outline-primary:hover {
        background-color: var(--cw-btn-primary-bg);
        border-color: var(--cw-btn-primary-border);
    }

    .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
        color: initial;
        background: initial;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 131, 69, var(--cw-btn-focus-shadow-alpha));
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: var(--cw-btn-primary-bg);
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        background-color: var(--cw-btn-primary-bg);
        border-color: var(--cw-btn-primary-border);
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 131, 69, var(--cw-btn-focus-shadow-alpha));
        }

.btn-outline-success {
    color: var(--cw-btn-success-bg);
    border-color: var(--cw-btn-success-border);
}

    .btn-outline-success:hover {
        background-color: var(--cw-btn-success-bg);
        border-color: var(--cw-btn-success-border);
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 101, 210, var(--cw-btn-focus-shadow-alpha));
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: var(--cw-btn-success-bg);
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
        background-color: var(--cw-btn-success-bg);
        border-color: var(--cw-btn-success-border);
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 101, 210, var(--cw-btn-focus-shadow-alpha));
        }

.btn-link {
    color: var(--cw-btn-link-color);
}

    .btn-link:hover {
        color: var(--cw-btn-link-hover-color);
    }

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    color: inherit;
    text-decoration: none;
    opacity: inherit;
}
