/* Buttons */
.btn { display: inline-block; padding: calc(var(--space) * 0.9) calc(var(--space) * 1.25); border-radius: 999px; font-weight: 600; border: 1px solid transparent; cursor: pointer; background: var(--color-surface); color: var(--color-text); transition: transform .05s ease, box-shadow .2s ease, background .2s ease; }
.btn:active { transform: translateY(1px); }
.btn:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.btn-primary { background: linear-gradient(135deg, var(--color-primary) 0%, #ff5a7a 100%); color: var(--color-white); border-color: var(--color-primary); box-shadow: 0 6px 16px rgba(255,45,85,0.35); }
.btn-ghost { background: transparent; color: var(--color-text); border: 1px solid var(--color-border); }
.btn-row { display: flex; gap: calc(var(--space) * 1); flex-wrap: wrap; }