.botaobasico {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.8px;
    color: #f1f1f1;
    background: linear-gradient(145deg, #2f2f2f, #1a1a1a);
    border: 1px solid #444;
    border-radius: 6px;
    padding: 5px 15px;
    min-width: 110px;
    height: 28px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 3px 6px rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 2px #000;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.botaobasico:hover {
    background: linear-gradient(145deg, #3a3a3a, #1e1e1e);
    border-color: #999;
    box-shadow: 0 6px 12px rgba(255, 255, 255, 0.05), 0 0 12px rgba(200, 200, 200, 0.1);
}

.botaobasicog {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #f1f1f1;
    background: linear-gradient(145deg, #2e2e2e, #1a1a1a);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 10px 26px;
    min-width: 140px;
    height: 40px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 4px 8px rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 2px #000;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.botaobasicog:hover {
    background: linear-gradient(145deg, #3c3c3c, #232323);
    border-color: #aaa;
    box-shadow: 0 6px 12px rgba(255, 255, 255, 0.06), 0 0 14px rgba(255, 255, 255, 0.08);
}

.botaobasico.verde,
.botaobasicog.verde {
    background: linear-gradient(135deg, #234d3b, #2f855a);
    border-color: #48bb78;
    color: #e8f5f1;
}

.botaobasico.verde:hover,
.botaobasicog.verde:hover {
    background: linear-gradient(135deg, #1a3a2c, #38a169);
    box-shadow: 0 5px 10px rgba(72, 187, 120, 0.3);
}
.botaobasico.vermelho,
.botaobasicog.vermelho {
    background: linear-gradient(135deg, #661f1f, #c53030);
    border-color: #f56565;
    color: #fff5f5;
}

.botaobasico.vermelho:hover,
.botaobasicog.vermelho:hover {
    background: linear-gradient(135deg, #4a1a1a, #e53e3e);
    box-shadow: 0 5px 10px rgba(245, 101, 101, 0.3);
}
.botaobasico.amarelo,
.botaobasicog.amarelo {
    background: linear-gradient(135deg, #6b4e1e, #d69e2e);
    border-color: #ecc94b;
    color: #fffdfa;
}

.botaobasico.amarelo:hover,
.botaobasicog.amarelo:hover {
    background: linear-gradient(135deg, #5a3f15, #f6e05e);
    box-shadow: 0 5px 10px rgba(236, 201, 75, 0.3);
}
.botaobasico.branco,
.botaobasicog.branco {
    background: linear-gradient(135deg, #cbd5e0, #e2e8f0);
    border-color: #a0aec0;
    color: #2d3748;
}

.botaobasico.branco:hover,
.botaobasicog.branco:hover {
    background: linear-gradient(135deg, #edf2f7, #cbd5e0);
    box-shadow: 0 5px 10px rgba(160, 174, 192, 0.3);
}

.botaobasico i,
.botaobasicog i {
    margin-right: 8px;
    font-size: 1rem;
}