.ws-button{isolation:isolate;min-height:var(--button-height);padding:0 var(--space-5);border-radius:var(--radius);font-family:var(--mk-display);font-size:var(--text-lg);font-weight:var(--weight-bold);text-align:center;white-space:nowrap;transition:color var(--duration-base) var(--ease-out);justify-content:center;align-items:center;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.ws-button:before{content:"";z-index:-1;background:var(--button-hover);transition:transform var(--duration-slide) var(--ease-out);position:absolute;inset:0;transform:translateY(101%)}.ws-button:hover:before{transform:translateY(0)}.ws-button--sm{min-height:var(--button-height-sm);padding:0 var(--space-4);font-size:var(--text-sm)}.ws-button--lg{min-height:var(--button-height-lg);padding:0 var(--space-6);font-size:var(--text-lg)}.ws-button--primary{--button-hover:var(--tone-button-hover,var(--color-accent));background:var(--color-brand-deep);color:var(--color-on-brand)}.ws-button--primary:hover{color:var(--color-brand-deep)}.ws-button--quiet{--button-hover:var(--color-brand-deep);box-shadow:inset 0 0 0 var(--rule) var(--color-brand-deep);color:var(--color-brand-deep)}.ws-button--quiet:hover{color:var(--color-on-brand)}.ws-button--signal{--button-hover:var(--color-on-brand);background:var(--color-signal);color:var(--color-brand-deep)}.ws-button--signal:hover{color:var(--color-brand-deep)}.ws-button--ghost{--button-hover:var(--color-on-brand);box-shadow:inset 0 0 0 1.5px var(--color-on-brand-muted);color:var(--color-on-brand)}.ws-button--ghost:hover{color:var(--color-brand-deep)}@media (width<=379px){.ws-button{white-space:normal}}button.ws-button{cursor:pointer;border:0}button.ws-button--quiet,button.ws-button--ghost{background:0 0}