.btn { display: inline-flex; align-items: center; gap: var(--space-2); padding: var(--space-3) var(--space-6); font-size: var(--fs-sm); font-weight: var(--fw-semibold); border-radius: var(--radius-lg); transition: all var(--transition-fast); text-align: center; justify-content: center; }
.btn-primary { background: var(--color-accent); color: var(--color-white); }
.btn-primary:hover { background: var(--color-accent-dark); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.btn-secondary { background: var(--color-white); color: var(--color-primary); border: 2px solid var(--color-primary); }
.btn-secondary:hover { background: var(--color-primary); color: var(--color-white); }
.btn-outline { background: transparent; color: var(--color-white); border: 2px solid var(--color-white); }
.btn-outline:hover { background: var(--color-white); color: var(--color-primary); }
.btn-lg { padding: var(--space-4) var(--space-8); font-size: var(--fs-base); }
.btn-sm { padding: var(--space-2) var(--space-4); font-size: var(--fs-xs); }