/* # # # # # # # # # # # # # # # # # # # ESTILOS BOTONES */
button.btn {
    transition: all ease-in 0.15s;
    font-weight: 500;
}
.btn.op-btn-green{
    background-color: var(--op-color-primary-green) !important;
    color: var(--op-color-white) !important;
    
    &:hover{
        background-color: var(--op-color-secondary-green) !important;
        box-shadow: 1px 1px 10px 0 var(--op-color-black-50);
    }
}
.btn.op-btn-orange{
    background-color: var(--op-color-primary-orange) !important;
    color: var(--op-color-black) !important;
    
    &:hover{
        background-color: var(--op-color-secondary-orange) !important;
        box-shadow: 1px 1px 10px 0 var(--op-color-black-50);
    }
}
.btn.op-btn-blue{
    background-color: var(--op-color-primary-blue) !important;
    color: var(--op-color-white) !important;
    
    &:hover{
        background-color: var(--op-color-secondary-blue) !important;
        box-shadow: 1px 1px 10px 0 var(--op-color-black-50);
    }
}
.btn.op-btn-black{
    background-color: var(--op-color-primary-black) !important;
    color: var(--op-color-white) !important;
    
    &:hover{
        background-color: var(--op-color-secondary-black) !important;
        box-shadow: 1px 1px 10px 0 var(--op-color-black-50);
    }
}


/* # # # # # # # # # # # # # # # # # # # HOVER BOTONES */
/* button.btn:hover {
    transform: scale(1.015);
    box-shadow: 1px 1px 8px 0px #3358BB;
} */
button.op-btn-primary:is(:hover, :focus, :focus-visible)
{
    
}
button.op-btn-secondary:is(:hover, :focus, :focus-visible)
{
    
}