/* components/buttons.css — بخشی از سیستم سبک سایت عمومی پلاس */
.btn{font-family:var(--font-display);font-weight:800;font-size:14.5px;text-decoration:none;cursor:pointer;
  padding:15px 32px;border-radius:var(--btn-radius);border:1px solid transparent;
  display:inline-flex;align-items:center;gap:11px;
  transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}
.btn svg{inline-size:17px;block-size:17px;flex:none;transition:transform var(--dur-fast) var(--ease-out)}
.btn:active{transform:scale(.98)}
.btn-primary{color:var(--btn-primary-fg);background:var(--btn-primary-bg);
  box-shadow:0 20px 48px -18px color-mix(in oklab,var(--accent-2) 80%,transparent)}
.btn-primary:hover{transform:translateY(-2px);background:var(--gold-300);color:var(--btn-primary-fg)}
.btn-primary:hover svg{transform:translateX(-5px)}
.btn-ghost{color:#DFE9F6;border-color:rgba(160,190,225,.3);background:rgba(11,18,38,.4);backdrop-filter:blur(8px)}
.btn-ghost:hover{transform:translateY(-2px);border-color:var(--accent);color:#fff;background:color-mix(in oklab,var(--accent) 9%,transparent)}
.linkbtn{font-family:var(--font-body);font-size:12px;color:var(--teal-600);
  background:none;border:0;padding:4px 2px;cursor:pointer;text-decoration:underline;
  text-underline-offset:4px;text-decoration-thickness:1px}
.linkbtn:hover{text-decoration-thickness:2px}