.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.8em 1.8em;font-family:var(--ff-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:1;color:var(--text);background:#fff0;border:2px solid var(--border);cursor:pointer;white-space:nowrap;text-decoration:none;position:relative;transition:all var(--duration-sm) var(--ease-out);-webkit-tap-highlight-color:#fff0}.btn:hover{border-color:var(--text);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{color:#FFF;background:var(--accent);border-color:var(--accent);font-weight:var(--fw-bold)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md)}.btn--ghost{background:#fff0;border-color:var(--border-strong);color:var(--text)}.btn--ghost:hover{background:var(--bg-alt);border-color:var(--text)}.btn--dark{background:var(--primary);border-color:var(--primary);color:var(--text-on-dark)}.btn--dark:hover{background:var(--primary-light);border-color:var(--primary-light)}.sec--dark .btn--primary,.hero .btn--primary{color:#FFF;background:var(--primary);border-color:var(--primary)}.sec--dark .btn--primary:hover,.hero .btn--primary:hover{background:var(--primary-light);border-color:var(--primary-light)}.sec--dark .btn--ghost,.hero .btn--ghost{border-color:var(--border-dark-hover);color:var(--text-on-dark)}.sec--dark .btn--ghost:hover,.hero .btn--ghost:hover{background:rgb(255 255 255 / .08);border-color:var(--text-on-dark)}.btn--sm{padding:.6em 1.2em;font-size:var(--fs-xs)}.btn--lg{padding:.95em 2.4em;font-size:var(--fs-base)}.btn--full{width:100%}.btn__arrow{display:inline-block;transition:transform var(--duration-sm) var(--ease-out)}.btn:hover .btn__arrow{transform:translateX(4px)}[data-magnetic]{will-change:transform}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}