/* Button — port of the design system's Button component (components/core/Button.jsx) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:800;line-height:1;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}
.btn:hover{text-decoration:none}
.btn-sm{--d:3px;height:40px;padding:0 16px;font-size:14px}
.btn-lg{--d:5px;height:60px;padding:0 28px;font-size:18px}
.btn-sm,.btn-lg{margin-bottom:var(--d);box-shadow:0 var(--d) 0 var(--ex)}
.btn:active{transform:translateY(var(--d));box-shadow:none}
.btn-primary,.btn-primary:hover{--ex:var(--makau-blue-700);background:var(--makau-blue);color:#fff}
.btn-success,.btn-success:hover{--ex:var(--makau-lime-700);background:var(--makau-lime);color:var(--makau-ink)}
.btn-outline,.btn-outline:hover{--ex:var(--gray-200);background:#fff;color:var(--makau-blue);border:2px solid var(--gray-200)}