.page-header .btn-outline-light {
    background-color: transparent;
    color:white;
    font-size:1.0em;
    border: 1px solid white;
}


/* ------------ Colors BTN - DEFAULT */
.btn.btn-primary {
    box-shadow: none;
    color:var(--btn-primary-color);
    background-color: var(--btn-primary-background-color);
    border-color: var(--btn-primary-border-color) !important;
}
.btn.btn-primary:hover {
/*    background-color: #306090;
    border-color: #306090;
    color:white;*/
    background-color: var(--btn-primary-background-color-hover) !important;
    box-shadow: none;
}
.btn.btn-primary small {
    color:white;
}
.btn-outline-primary {
    border-color: var(--btn-primary-border-color) !important;
}
.btn-outline-primary:hover {
    background-color:var(--btn-outline-primary-background-color) !important;
}

.btn-outline-light:hover:not(.active) {
    opacity: 1;
}


.btn.color-blue-light {
    border-color:#a2cef2 !important;
}

/* ------------ Colors BTN - EG Video Overlay */
.btn-hover:hover {
    background-color: var(--btn-hover-background-color-hover);
    border-color: var(--btn-hover-border-color-hover);
    /*
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    */
}
.btn-hover .hover-show {
    display:none;
}
.btn-hover .hover-hide {
    display:inline;
}
.btn-hover:hover .hover-show {
    display:inline;
}
.btn-hover:hover .hover-hide {
    display:none;
}

/* ------------ Colors BTN - DEFAULT */
.btn-success {
    color:white !important;
}
/* ------------ Colors BTN - RED */
.btn-rose {
    background-color:#97233f;
    color:white !important;
}
/* ------------ Colors BTN - RED */
.btn-info {
    color:white !important;
    background-color:#2779bd;
}



/* ------------ BTN Header */
.page-header .btn-outline-light.btn-hover:hover {
    background-color:rgba(0,0,0,0.3);;
}

.btn-light-no-hover:hover {
    cursor: default !important;
    background-color: var(--btn-light-background-color) !important;
    border-color: var(--btn-light-background-color) !important;
}

[data-bs-theme="dark"] {
    .btn-outline-dark {
        --bs-btn-color: #ffffff;
        --bs-btn-border-color: #ffffff;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #ffffff;
        --bs-btn-hover-border-color: #ffffff;
    }
    .btn-outline-dark:hover {
        color:#000000;
        background-color: transparent;
    }
}