/* Default button style */
.add-btn {
    text-decoration: none;
    background: var(--gradient-primary);
    color: var(--primary-foreground);
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: var(--shadow-card);
}

.add-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-hover);
}

.cancel-btn {
    text-decoration: none;
    background: var(--destructive);
    color: var(--destructive-foreground);
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: var(--shadow-card);
}

.cancel-btn:hover {
    background: hsl(0, 84%, 50%);
    transform: translateY(-2px);
    box-shadow: var(--shadow-hover);
}

.add-btn:active, .cancel-btn:active {
    transform: translateY(0);
}