.op-btn{--btn-bg:var(--op-fg);--btn-fg:var(--op-bg-base);--btn-border:var(--op-fg);--btn-shadow:0 8px 24px rgba(0,0,0,.55);background:var(--btn-bg);height:46px;color:var(--btn-fg);border:1px solid var(--btn-border);font-family:var(--font-mont),sans-serif;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--op-dur-fast)var(--op-ease),box-shadow var(--op-dur)var(--op-ease),background var(--op-dur)var(--op-ease),color var(--op-dur)var(--op-ease),border-color var(--op-dur)var(--op-ease);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.op-btn:hover{transform:translateY(-1px)}.op-btn:active{transform:translateY(0)}.op-btn__label{white-space:nowrap}.op-btn__icon{justify-content:center;align-items:center;display:inline-flex}.op-btn__icon svg{width:16px;height:16px}.op-btn__icon--end{margin-left:-2px}.op-btn--lg{height:54px;padding:0 28px;font-size:13px}.op-btn--primary{--btn-bg:var(--op-fg);--btn-fg:var(--op-bg-base);--btn-border:var(--op-fg)}.op-btn--primary:hover{--btn-bg:transparent;--btn-fg:var(--op-fg)}.op-btn--outline{--btn-bg:transparent;--btn-fg:var(--op-fg);--btn-border:var(--op-border-strong)}.op-btn--outline:hover{--btn-bg:var(--op-fg);--btn-fg:var(--op-bg-base);--btn-border:var(--op-fg)}.op-btn--ghost{--btn-bg:transparent;--btn-fg:var(--op-fg-mute);--btn-border:transparent;padding-left:6px;padding-right:6px}.op-btn--ghost:hover{--btn-fg:var(--op-fg);box-shadow:none;transform:translateY(0)}.op-btn--full{width:100%}