.wsui-button {
 appearance: none;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: .45rem;
 min-height: 34px;
 padding: .48rem .86rem;
 border: 0;
 border-radius: 8px;
 background: transparent;
 color: var(--wsui-text,currentColor);
 font: inherit;
 font-weight: 650;
 line-height: 1;
 text-align: center;
 vertical-align: middle;
 text-decoration: none;
 box-sizing: border-box;
 box-shadow: none;
 transform: none;
 cursor: pointer;
 transition: background-color .14s ease,color .14s ease,opacity .14s ease,outline-color .14s ease;
}

.wsui-button:hover:not([disabled]):not(.is-disabled):not([aria-disabled="true"]) {
 background: color-mix(in srgb,currentColor 8%,transparent);
 text-decoration: none;
}

.wsui-button:active:not([disabled]):not(.is-disabled):not([aria-disabled="true"]) {
 background: color-mix(in srgb,currentColor 13%,transparent);
 transform: none;
}

.wsui-button:focus-visible {
 outline: 2px solid currentColor;
 outline-offset: 2px;
 box-shadow: none;
}

.wsui-button[disabled],
.wsui-button.is-disabled,
.wsui-button[aria-disabled="true"] {
 opacity: .48;
 cursor: not-allowed;
 pointer-events: none;
 background: transparent;
 box-shadow: none;
 transform: none;
}

.wsui-button.is-primary {
 background: transparent;
 color: inherit;
 font-weight: 750;
 box-shadow: none;
}

.wsui-button.is-primary:hover:not([disabled]):not(.is-disabled):not([aria-disabled="true"]) {
 background: color-mix(in srgb,currentColor 9%,transparent);
}

.wsui-button.is-danger {
 background: transparent;
 color: var(--wsui-danger,#d14a4a);
 box-shadow: none;
}

.wsui-button.is-warning {
 background: transparent;
 color: var(--wsui-warning,#9a6a1d);
 box-shadow: none;
}

.wsui-button.is-ghost {
 background: transparent;
 color: inherit;
 box-shadow: none;
}

.wsui-button.is-loading {
 cursor: progress;
}

.wsui-button.is-sm {
 min-height: 28px;
 padding: .34rem .6rem;
 border-radius: 7px;
 font-size: .88rem;
}

.wsui-button.is-lg {
 min-height: 42px;
 padding: .66rem 1.08rem;
 border-radius: 9px;
 font-size: 1.02rem;
}

.wsui-button.is-icon-only {
 width: 34px;
 min-width: 34px;
 padding: .45rem;
}

.wsui-button.is-icon-only.is-sm {
 width: 28px;
 min-width: 28px;
 padding: .32rem;
}

.wsui-button.is-icon-only.is-lg {
 width: 42px;
 min-width: 42px;
 padding: .58rem;
}

.wsui-button.is-label-only {
 gap: 0;
}

.wsui-button-icon {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 1em;
 font-size: 1.05em;
 line-height: 1;
}

.wsui-button-label {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 0;
 text-align: center;
 line-height: 1;
 pointer-events: none;
}

.wsui-button.is-label-only .wsui-button-label {
 width: 100%;
}

.wsui-sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0,0,0,0);
 white-space: nowrap;
 border: 0;
}