:root{--t-sm: 15px;--t-press: .12s}.btn,.okou-cta,.btn-primary-large,.btn-secondary-large{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:var(--r-btn);background:var(--fill, transparent);font-family:var(--fb);font-variant-numeric:normal;font-weight:500;font-size:var(--t-meta);line-height:1.55;letter-spacing:normal;text-transform:none;text-decoration:none;cursor:pointer;transition:background var(--t-hover) var(--e-snap),color var(--t-hover) var(--e-snap),border-color var(--t-hover) var(--e-snap),transform var(--t-hover) var(--e-snap)}.btn--sm{height:38px;padding:0 18px;border-radius:var(--r-btn)}.btn--lg,.okou-cta,.btn-primary-large,.btn-secondary-large{padding:12px 24px;font-size:var(--t-sm);border-radius:var(--r-btn-lg)}.btn--dark,.okou-cta,.btn-primary-large{--fill: var(--accent);border-color:var(--fill);color:var(--accent-ink)}.btn--ghost,.okou-cta--ghost,.btn-secondary-large{--fill: var(--wash-2);border-color:transparent;color:var(--ink)}.btn:hover,.okou-cta:hover,.btn-primary-large:hover,.btn-secondary-large:hover{--fill-hover: color-mix( in srgb, var(--state-ink) var(--hover-step), var(--fill) );background:var(--fill-hover);border-color:var(--fill-hover)}.btn:active,.okou-cta:active,.btn-primary-large:active,.btn-secondary-large:active{transform:translateY(0) scale(.985);transition-duration:var(--t-press)}@media(pointer:coarse),(max-width:1000px){.btn--sm{height:44px}}.btn img{object-fit:contain}.btn--ghost img{width:16px;height:16px}.btn--ghost:hover img{filter:none}