.btn-primary-ara, .btn-primary-ara:hover {
    background-image: linear-gradient(310deg,var(--bs-info-grandient-start),var(--bs-info-grandient-end));
    color: #fff;
}

.btn-purple, .btn-purple:hover {
    background-image: linear-gradient(90deg, var(--primary-purple) 0%,  var(--blue-link) 100%);
    color: #fff;
}

.btn-turquesa, .btn-turquesa:hover {
    background-color:  var(--primary-turquesa);
    color: #fff;
}

.btn-green, .btn-green:hover {
    background-color:  var(--color-xls) !important;
    color: #fff;
}

.btn-green:active {
    background-color: var();
}

.btn-outline-purple {
    --bs-btn-color: var(--blue-link);
    --bs-btn-border-color: var(--primary-purple);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-purple);
    --bs-btn-hover-border-color: var(--primary-purple);
    --bs-btn-focus-shadow-rgb: 52, 71, 103;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-purple);
    --bs-btn-active-border-color: var(--primary-purple);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--primary-purple);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary-purple);
    --bs-gradient: none;
}

.btn-outline-green {
    --bs-btn-color: var(--color-xls);
    --bs-btn-border-color: var(--color-xls);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-xls);
    --bs-btn-hover-border-color: var(--color-xls);
    --bs-btn-focus-shadow-rgb: 52, 71, 103;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-xls);
    --bs-btn-active-border-color: var(--color-xls);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-xls);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color-xls);
    --bs-gradient: none;
}

.btn-outline-turquesa {
    --bs-btn-color: var(--primary-turquesa);
    --bs-btn-border-color: var(--primary-turquesa);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-turquesa);
    --bs-btn-hover-border-color: var(--primary-turquesa);
    --bs-btn-focus-shadow-rgb: 52, 71, 103;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-turquesa);
    --bs-btn-active-border-color: var(--primary-turquesa);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--primary-turquesa);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary-turquesa);
    --bs-gradient: none;
}

.btn-outline-grey {
    --bs-btn-color: var(--text-muted-color);
    --bs-btn-border-color: var(--text-muted-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--text-muted-color);
    --bs-btn-hover-border-color: var(--text-muted-color);
    --bs-btn-focus-shadow-rgb: 52, 71, 103;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--text-muted-color);
    --bs-btn-active-border-color: var(--text-muted-color);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--text-muted-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--text-muted-color);
    --bs-gradient: none;
}

.btn-info {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-color: white;
}

.btn-info:disabled {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-color: white;
}

.btn-info:hover {
    background-color: var(--primary-color);;
}
.btn-info:active {
    background-color: var(--primary-color) !important;
}

.button-success {
    --bs-btn-border-color: var(--background-green-ok);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--background-green-ok);
    --bs-btn-hover-border-color: var(--background-green-ok);
    --bs-btn-focus-shadow-rgb: 52, 71, 103;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--background-green-ok);
    --bs-btn-active-border-color: var(--background-green-ok);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--background-green-ok);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--background-green-ok);
    --bs-gradient: none;
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--background-green-ok);
    transform: none !important;
    filter: none !important;
    
}

.button-error {
    --bs-btn-border-color: var(--bs-primary-grandient-start);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary-grandient-start);
    --bs-btn-hover-border-color: var(--bs-primary-grandient-start);
    --bs-btn-focus-shadow-rgb: 52, 71, 103;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary-grandient-start);
    --bs-btn-active-border-color: var(--bs-primary-grandient-start);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--bs-primary-grandient-start);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary-grandient-start);
    --bs-gradient: none;
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary-grandient-start);
    transform: none !important;
    filter: none !important;
}