/******************
botones
*******************/

/* btn base --------------------------------------------*/ 

.btn{
    border-radius:var(--btn-border-radius);
}
.btn:hover, .btn:active, .btn.active,.btn:focus,.btn:not(:disabled):not(.disabled).active:focus,.btn:not(:disabled):not(.disabled):active:focus,.show>.btn.dropdown-toggle:focus.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active, .show>.btn.dropdown-toggle{
    box-shadow: none;
}
.btn-primary,.btn-secondary,.btn-danger,.btn-success{
    border: var(--btn-border);
}

/* btn primary --------------------------------------*/

.btn-primary, .badge-primary{
    background: var(--primary-color);
    border-color: var(--primary-color);
    color:var(--primary-contrast);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,.btn-primary.disabled, .btn-primary:disabled{
    background: var(--primary-hover-color);
    border-color: var(--primary-hover-color);
    color:var(--primary-hover-contrast);
}

/* btn secondary ------------------------------------*/

.btn-secondary,.badge-secondary{
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color:var(--secondary-contrast);
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active,.btn-secondary:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
    background: var(--secondary-hover-color);
    border-color: var(--secondary-hover-border);
    color:var(--secondary-hover-contrast);
}

/* btn danger --------------------------------------*/

.btn-danger, .badge-danger{
    background: var(--danger-color);
    border-color: var(--danger-color);
    color:var(--danger-contrast)
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active,.btn-danger:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle{
    background: var(--danger-hover-color);
    border-color: var(--danger-hover-color);
    color:var(--danger-hover-contrast);
}

/* btn success -------------------------------------*/

.btn-success, .badge-success{
    background: var(--success-color);
    border-color: var(--success-color);
    color:var(--success-contrast)
}
.btn-success:hover, .btn-success:active, .btn-success.active,.btn-success:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{
    background: var(--success-hover-color);
    border-color: var(--success-hover-color);
    color:var(--success-hover-contrast);
}

/* btn link ---------------------------------------*/
.btn-link{
    color:var(--primary-color)
}
.btn-link:hover, .btn-link:active, .btn-link.active,.btn-link:focus,.btn-link:not(:disabled):not(.disabled).active:focus,.btn-link:not(:disabled):not(.disabled):active:focus,.show>.btn-link.dropdown-toggle:focus.btn-link:not(:disabled):not(.disabled).active, .btn-link:not(:disabled):not(.disabled):active, .show>.btn-link.dropdown-toggle{
    color:var(--primary-hover-color);
}

/* btn share -------------------------------------*/

.btn-share{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    height:2em;
    width:2em;
    border: 1px solid var(--primary-contrast);
    background: var(--primary-contrast);
    border-radius:2em;
    color:var(--primary-color);
}
.btn-share:hover{
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color:var(--primary-contrast);
}
i.fas.fa-share-alt {
    position: absolute;
    margin-top: 2px;
    margin-left: -7px;
}
/* btn cart ---------------------------------------*/
.btn-cart{
    display:inline-flex;
}
.btn-blog-more{
    color: var(--secondary-color);
    font-size: 24px;
}
.btn-blog-more:hover{
    text-decoration:none;
    color:var(--primary-hover-color);
}


/************************************
radio buttons product
*************************************/
.bs-product .custom-control{
    padding:0 1rem 1rem 0;
    display:inline-block;
}
.bs-product .custom-control-label::before,
.bs-product .custom-control-label::after{
    content:none;
}
.bs-product .custom-control-input{
    display:none;
}
.bs-product .custom-control-label{
    cursor:pointer;
    padding:.5rem 1rem;
    border-radius:var(--default-border-radius);
    border: 1px solid;
}
.bs-product .custom-control:hover .custom-control-label{
    background: var(--secondary-color);
    color: var(--secondary-contrast);
}
.bs-product .custom-control-input:checked~.custom-control-label{
    background:var(--primary-color);
    color:var(--primary-contrast);
    
}