.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; padding: 0 22px; border: 1px solid var(--color-accent); border-radius: var(--radius-sm); background: var(--color-accent); color: #10130b; font-family: var(--font-display); font-size: 14px; font-weight: 700; transition: background-color 150ms ease, border-color 150ms ease, transform 150ms ease;}.button:hover { background: #c6ff67; border-color: #c6ff67; transform: translateY(-1px);}.button--small { min-height: 38px; padding-inline: 17px; font-size: 13px;}.button--ghost { border-color: var(--color-border-light); background: transparent; color: var(--color-text);}.button--ghost:hover { border-color: var(--color-text-muted); background: var(--color-surface);}.button--light { border-color: #fff; background: #fff; color: #0b0d10;}.button--light:hover { border-color: #fff; background: #e8ebee;}