/* Buttons: primary, ghost, link-style and icon buttons. */
.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap}
.primary{border:0;background:var(--primary);color:var(--primary-ink);padding:11px 18px}
.primary:hover:not(:disabled){background:var(--primary-hover)}
.primary:active:not(:disabled),.ghost:active:not(:disabled){transform:scale(.98)}
.ghost{border:1px solid var(--line-2);background:var(--raised);padding:10px 14px}
.ghost:hover:not(:disabled){border-color:var(--primary)}
.primary:disabled,.ghost:disabled{opacity:.45;cursor:default}
.primary.big{width:100%;padding:15px 20px;font-size:1.02rem;border-radius:12px}
.linkbtn{border:0;background:none;padding:0;cursor:pointer;color:var(--primary-text);font-weight:600;font-size:inherit;text-decoration:none}
.linkbtn:hover:not(:disabled){text-decoration:underline}
.linkbtn:disabled{opacity:.4;cursor:default}
.iconbtn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line-2);background:var(--raised);cursor:pointer;color:var(--ink)}
.iconbtn:hover{border-color:var(--primary)}