/* Base */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:40px;padding:0 16px;border-radius:3px;font-weight:500 !important;
  border:1px solid rgba(0,0,0,.12);line-height:1 !important;gap:8px;font:inherit
}
a.btn,button.btn,input[type=button].btn,input[type=submit].btn{
  -webkit-appearance:none;appearance:none;cursor:pointer;text-decoration:none
}

/* Variants */
.btn-ghost{background:var(--white);color:var(--ink)}
.btn-dark{background:#181818;color:var(--on-black);border-color:transparent}
.btn-dark:hover{background:#282828}
a.btn.btn-ghost:hover{background:#fdfdfd}

/* Focus + Disabled */
.btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.btn[disabled],.btn:disabled{opacity:.5;pointer-events:none}