/* GENERALE */
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 4px rgba(var(--bs-primary-rgb), 0.5);
}

.btn-user:hover, .btn-user:active, .btn-user:focus {
    background: var(--bs-btn-bg);
}

/* BTN PRIMARY */
.btn-primary {
    color: var(--bs-primary-color);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary-dark);
}

    .btn-primary:hover {
        color: var(--bs-primary-dark-color);
        background-color: var(--bs-primary);
        border-color: var(--bs-primary-dark);
    }

.btn.btn-primary:focus {
    box-shadow: 0 0 0 4px rgba(var(--bs-primary-rgb), 0.5);
}

.btn.btn-primary.show, .btn.btn-primary:active {
    color: var(--bs-primary-dark-color);
    background-color: var(--bs-primary-dark);
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 4px rgba(var(--bs-primary-rgb), 0.5);
}

/* BTN SECONDARY */

.btn-secondary {
    color: var(--bs-secondary-color);
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary-dark);
}

    .btn-secondary:hover {
        color: var(--bs-secondary-dark-color);
        background-color: var(--bs-secondary);
        border-color: var(--bs-secondary-dark);
    }

.btn.btn-secondary:focus {
    box-shadow: 0 0 0 4px rgba(var(--bs-secondary-rgb), 0.5);
}


.btn.btn-secondary.show, .btn.btn-secondary:active {
    color: var(--bs-secondary-dark-color);
    background-color: var(--bs-secondary-dark);
    border-color: var(--bs-secondary);
    box-shadow: 0 0 0 4px rgba(var(--bs-secondary-rgb), 0.5);
}

/* icon split */

.btn-icon-split {
    padding: 0;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-primary.btn-icon-split .icon {
    background: var(--bs-primary-dark);
    display: inline-block;
    padding: 0.375rem 0.75rem;
    float: left;
}

.btn-secondary.btn-icon-split .icon {
    background: var(--bs-secondary-dark);
    display: inline-block;
    padding: 0.375rem 0.75rem;
    float: left;
}

.btn-icon-split .text {
    display: inline-block;
    padding: 0.375rem 0.75rem;
}

.btn-icon-split.btn-sm .icon, .btn-group-sm > .btn-icon-split.btn .icon {
    padding: 0.25rem 0.5rem;
}

.btn-icon-split.btn-sm .text, .btn-group-sm > .btn-icon-split.btn .text {
    padding: 0.25rem 0.5rem;
}

.btn-icon-split.btn-lg .icon, .btn-group-lg > .btn-icon-split.btn .icon {
    padding: 0.5rem 1rem;
}

.btn-icon-split.btn-lg .text, .btn-group-lg > .btn-icon-split.btn .text {
    padding: 0.5rem 1rem;
}