.btn {
    padding: 0.8rem 2rem;
    border-radius: var(--border-radius);
    font-weight: 700;
    text-transform: uppercase;
    transition: var(--transition);
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border: none;
    text-align: center;
}

.btn-primary {
    background: linear-gradient(135deg, var(--accent) 0%, #8E7020 100%);
    color: black;
    box-shadow: 4px 4px 0px rgba(0,0,0,0.5);
}

.btn-primary:hover { 
    transform: translateY(-2px); 
    box-shadow: 6px 6px 0px rgba(0,0,0,0.4); 
}

.btn-outline { 
    border: 1px solid var(--accent); 
    color: var(--accent); 
    background: transparent;
}

.btn-outline:hover { 
    background: rgba(197, 160, 40, 0.1); 
    color: var(--accent-light); 
    border-color: var(--accent-light); 
}

.btn:active { 
    transform: translate(3px, 3px) scale(0.98); 
    box-shadow: none; 
}