.btn {
    border-radius: 8px;
    padding: 6px 14px;
    font-weight: 500;
    font-size: var(--fonte-size-padrao);
    transition: all 0.2s ease;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

/* Botão primário */
.btn-primary {
    background-color: var(--cor-principal);
    border: none;
    color: white;
}

.btn-primary:hover {
    background-color: var(--cor-primary-escuro);
}

/* Botão secundário */
.btn-secondary {
    background-color: white;
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto);
}

.btn-secondary:hover {
    background-color: var(--cor-hover-texto);
}

/* Botão de perigo */
.btn-danger {
    background-color: var(--cor-danger);
    border: none;
    color: black;
}

.btn-danger:hover {
    background-color: #c13545; /* Não há variável para essa cor, pode manter fixa */
}

/* Botão com ícone */
.btn-icon {
    display: flex;
    align-items: center;
    gap: 6px;
}