:root {
            --cor-1: #656565;
    --cor-2: #a3a3a3;
    --cor-3: #ffffff;
    --cor-4: #000000;
}

.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:not([disabled]):hover{
    border: 2px solid var(--cor-1);
    background: var(--cor-1);
    color: var(--cor-3) !important;    
}

.btn-padrao:not([disabled]):hover small {
    color: var(--cor-3) !important; /* Alinha a cor do <small> com o botão ao passar o cursor */
}

.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: 1px solid var(--cor-4);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;    
}

.btn-padrao-2:enabled:hover{
    border: 1px 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-3{
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
    }
}

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

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

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

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

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

.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 1s infinite linear !important;
    animation: fa-spin 1s 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; 
}

.botao-adicionar-carrinho {
    width: 84%;
}

.botao-exibir-detalhe {
    width: 84%;
}