:root {
    --cor-1: #E4153B;
    --cor-2: #7e7e7e;
    --cor-3: #ffffff;
    --cor-4: #3d3d3d;
}

.btn-padrao{
    background: var(--cor-3); 
    color: var(--cor-1);
    border-radius: 0;
    border: 2px solid var(--cor-1);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;    
}

.btn-padrao .texto{
    color: var(--cor-1);
}

.btn-padrao:not([disabled]):hover{
    border: 2px solid var(--cor-1);
    background: var(--cor-1);
    color: var(--cor-3) !important;    
}

.btn-padrao:not([disabled]):hover .texto{
    color: var(--cor-3) !important; 
}


.btn-padrao:active, .btn-padrao:focus{  
    color: var(--cor-1);
    outline: 5px auto var(--cor-1) !important;    
    outline-offset: unset !important;
}

.btn-padrao:disabled:hover{
    color: var(--cor-1) !important;
}

.btn-padrao-2{
    background: var(--cor-3); 
    color: var(--cor-4);    
    border-radius: 0;    
    border: 2px solid var(--cor-4);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;    
}

.btn-padrao-2:enabled:hover{
    border: 2px solid var(--cor-4);
    background: var(--cor-4);
    color: var(--cor-3);    
}

.btn-padrao-2:disabled:hover{
    color: var(--cor-4) !important;
}

.btn-padrao-2:focus{  
    outline: 5px auto var(--cor-4) !important;    
    outline-offset: unset !important;    
    color: var(--cor-4);
} 

.btn-padrao-2:focus:hover{      
    outline: 0px !important;
    outline-offset: unset;    
    color: var(--cor-3);
}

.input-group-btn > button{
    border-radius: 0 !important;
}

.input-group-btn .btn-padrao{
    border: 1px solid var(--cor-1) !important;
    margin-right: unset !important;
}

.input-group-btn .btn-padrao-2{
    border: 1px solid var(--cor-4) !important;
    margin-right: unset !important;
}

@media (max-width: 991px){
    .btn-padrao:not(.btn-acao-pedido,.btn-acao-lista-pedido), .btn-padrao-2{
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
    }
}

.btn-padrao.dropdown-toggle[aria-expanded="true"]{
    border: 1px solid var(--cor-3);
    background: var(--cor-4);
    color: var(--cor-3); 
    outline: 5px auto var(--cor-4) !important;
}

.loader-button{
    /* -webkit-animation: fa-spin 0.3s infinite linear !important;
    animation: fa-spin 0.3s infinite linear !important; */
    width: 12px !important;
    height: 12px !important;
    border: 2px solid var(--cor-4) !important;
}

.btn.float{
    position:fixed;
    bottom: 40px;
    right: 40px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; 
}

.btn-padrao-invertido {
    background: black;
    color: white;
    border-radius: 0;
    border: 1px solid transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.btn-padrao-invertido:enabled:hover {
    border: 1px solid black;
    background: white;
    color: black;
}

.btn-padrao-invertido:disabled:hover {
    color: white !important;
}

.btn-padrao-invertido:focus {
    outline: 5px auto white !important;
    outline-offset: unset !important;
    color: white;
}

.btn-padrao-invertido:focus:hover {
    /* outline: 5px auto black !important;     */
    outline: 0px !important;
    outline-offset: unset;
    color: black;
}

.btn-padrao-invertido:hover {
    /* outline: 5px auto black !important;     */
    outline: 0px !important;
    outline-offset: unset;
    color: white;
}