.boton {
    display: inline-block;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-sm);
    font-weight: 600;
    font-size: 0.95rem;
    border: none;
    cursor: pointer;
    transition: background-color 0.15s ease, transform 0.05s ease, border-color 0.15s ease, color 0.15s ease;
}

.boton:active {
    transform: translateY(1px);
}

.boton-primario {
    background-color: var(--color-accent);
    color: #fff;
}

.boton-primario:hover {
    background-color: var(--color-accent-hover);
}

.boton-secundario {
    background-color: transparent;
    color: var(--color-text);
    border: 1px solid var(--color-border);
}

.boton-secundario:hover {
    border-color: var(--color-accent);
    color: var(--color-accent);
}