.ob-btn,.pw-btn{--b-bg:var(--ob-surface-2);--b-fg:var(--ob-text);--b-line:var(--ob-line-2);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--b-line);border-radius:8px;background:var(--b-bg);color:var(--b-fg);font-family:var(--ob-font);font-weight:600;font-size:.9rem;letter-spacing:-.01em;line-height:1.1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .18s var(--ob-ease),color .18s var(--ob-ease),border-color .18s var(--ob-ease),box-shadow .18s var(--ob-ease)}
.ob-btn:hover,.pw-btn:hover{color:var(--b-fg);border-color:var(--ob-line-2);background:var(--ob-surface-3)}
.ob-btn:active,.pw-btn:active{transform:translateY(.5px)}
.ob-btn:disabled,.ob-btn[aria-disabled="true"],.pw-btn:disabled{opacity:.5;cursor:not-allowed}
.ob-btn[aria-busy="true"],.pw-btn[aria-busy="true"]{cursor:progress}
.ob-btn--ana,.pw-btn--primary,.pw-btn--plum,.pw-btn--accent{--b-bg:var(--ob-primary);--b-fg:#fff;--b-line:transparent;background:var(--ob-grad);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 22%,transparent)}
.ob-btn--ana:hover,.pw-btn--primary:hover,.pw-btn--plum:hover,.pw-btn--accent:hover{--b-fg:#fff;background:color-mix(in srgb,var(--ob-primary) 90%,#fff);border-color:transparent}
.ob-btn--cizgi,.pw-btn--outline{--b-bg:transparent;--b-fg:var(--ob-primary);--b-line:color-mix(in srgb,var(--ob-primary) 42%,transparent)}
.ob-btn--cizgi:hover,.pw-btn--outline:hover{background:color-mix(in srgb,var(--ob-primary) 10%,transparent);border-color:var(--ob-primary);color:var(--ob-primary)}
.ob-btn--hayalet,.pw-btn--ghost{--b-bg:transparent;--b-fg:var(--ob-text);--b-line:var(--ob-line-2)}
.ob-btn--hayalet:hover,.pw-btn--ghost:hover{background:var(--ob-surface-2)}
.ob-btn--beyaz,.pw-btn--light{--b-bg:var(--ob-surface);--b-fg:var(--ob-text);--b-line:var(--ob-line-2)}
.ob-btn--beyaz:hover,.pw-btn--light:hover{background:var(--ob-surface-2)}
.ob-btn--cam{--b-bg:transparent;--b-fg:var(--ob-on-dark);--b-line:var(--ob-line-2)}
.ob-btn--cam:hover{--b-bg:var(--ob-surface-2);--b-fg:var(--ob-on-dark);border-color:var(--ob-line-2)}
.ob-btn--tehlike{--b-bg:var(--ob-err);--b-fg:#fff;--b-line:transparent}
.ob-btn--basari{--b-bg:var(--ob-ok);--b-fg:#fff;--b-line:transparent}
.ob-btn--baglanti,.pw-btn--link{--b-bg:transparent;--b-fg:var(--ob-primary);--b-line:transparent;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none}
.ob-btn--baglanti:hover,.pw-btn--link:hover{background:none;text-decoration:underline;text-underline-offset:3px}
.ob-btn--kucuk,.pw-btn--sm{min-height:36px;padding:0 13px;font-size:.82rem}
.ob-btn--buyuk,.pw-btn--lg{min-height:50px;padding:0 26px;font-size:.98rem}
.ob-btn--blok,.pw-btn--block{display:flex;width:100%}
.ob-btn--kare{width:44px;min-height:44px;padding:0;border-radius:8px}
.ob-btn .ob-ikon,.pw-btn svg{width:17px;height:17px}
.ob-btn--kucuk .ob-ikon{width:15px;height:15px}
.ob-dugmeler{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ob-spin{display:inline-block;width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ob-don .7s linear infinite}
@keyframes ob-don{to{transform:rotate(360deg)}}
.pw-spin svg{animation:ob-don .8s linear infinite}