.btn{--btn-height:var(--space-2x);--btn-bg-color:transparent;--btn-border-color:transparent;--btn-text-color:currentColor;--btn-opacity:100%;all:unset;display:inline-flex;height:var(--btn-height);min-height:var(--btn-height);box-sizing:border-box;border:1px solid;border-color:color-mix(in srgb,var(--btn-border-color)var(--btn-opacity),transparent);background-color:color-mix(in srgb,var(--btn-bg-color)var(--btn-opacity),transparent);color:color-mix(in srgb,var(--btn-text-color)var(--btn-opacity),transparent);cursor:pointer;user-select:none;vertical-align:middle;white-space:nowrap;justify-content:center;align-items: center;font-weight:500;line-height:1;text-decoration:none!important}.btn-disabled,.btn:disabled{cursor:not-allowed;--btn-opacity:45%}.btn-brand{--btn-bg-color:var(--color-primary);--btn-text-color:var(--color-text-inverse)}.btn-ghost-brand{--btn-bg-color:inherit;--btn-text-color:inherit}.btn-ghost-brand:hover{--btn-border-color:var(--color-primary)}.btn-faceit{--btn-bg-color:var(--color-faceit-orange);--btn-text-color:var(--color-faceit-black)}.btn-sm{--btn-height:var(--space-1-5x);padding:0 var(--space-0-5x);border-radius:var(--space-0-125x);gap:var(--space-0-25x);font-size:.75rem}.btn-md{--btn-height:var(--space-2x);padding:0 var(--space-0-75x);border-radius:var(--space-0-25x);gap:var(--space-0-375x);font-size:.875rem}.btn-lg{--btn-height:var(--space-2-5x);padding:0 var(--space-1x);border-radius:var(--space-0-375x);gap:var(--space-0-75x);font-size:1.125rem}.btn-xl{--btn-height:var(--space-3x);padding:0 var(--space-1-25x);border-radius:var(--space-0-375x);gap:var(--space-1x);font-size:1.25rem}.btn-sq{width:var(--btn-height);min-width:var(--btn-height);padding:0}