.menu-btn {
    background: #fff;
    border-radius: 18px;
    border: none;
    padding: 8px 20px;
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    color: #355a36;
    transition: background 0.21s, box-shadow 0.21s, transform 0.12s;
    cursor: pointer;
}

.menu-btn.selected,
.menu-btn:hover {
    background: #437144;
    color: #fff;
    box-shadow: 0 5px 16px rgba(0,0,0,0.25);
    transform: scale(1.05);
}

.btn-pedidos {
    background-color: #437144;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-size: 0.8rem;
    margin-top: 10px;
    transition: background 0.2s;
    z-index: 10;
}

.btn-pedidos:hover {
    background-color: #355a36;
}

.btn-zap{
    background-color: #25D366;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 32px;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-size: 0.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    z-index: 10;
}

.botao-destaque {
    background: #3F6B40;
    border-radius: 32px;
    border: none;
    color: white;
    padding: 10px 10px;
    font-family: Montserrat, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
    transition: background 0.21s, box-shadow 0.21s, transform 0.12s;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.25);
    cursor: pointer;
    outline: none;
}

.botao-destaque.selected,
.botao-destaque:hover {
    background: #3F6B40;
    color: white;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.25);
    transform: scale(1.03);
}

.botao-destaque:disabled {
    cursor: not-allowed;
    background: #adadad;
    color: #355a36;
}