.lux-button,.lux-button-secondary,.lux-button-tertiary,.lux-button-ghost,.lux-button-outline{--border-width: var(--lux-button__border-width, 1px);--border-style: var(--lux-button__border-style, solid);--border-color: var(--lux-button__border-color, transparent);--padding-top: var(--lux-button__padding-top, 4px);--padding-bottom: var(--lux-button__padding-bottom, 4px);--padding-left: var(--lux-button__padding-left, 12px);--padding-right: var(--lux-button__padding-right, 12px)}.lux-button,.lux-button-secondary,.lux-button-tertiary,.lux-button-ghost,.lux-button-outline{background-color:var(--lux-button__bg-color, #eee);padding:calc(var(--padding-top) - var(--border-width)) calc(var(--padding-right) - var(--border-width)) calc(var(--padding-bottom) - var(--border-width)) calc(var(--padding-left) - var(--border-width));margin:0;border:var(--lux-button__border, var(--border-width) var(--border-style) var(--border-color));color:var(--lux-button__text-color, inherit);border-radius:var(--lux-button__radius, var(--lux-radius-s));min-height:var(--lux-button__height, 32px);user-select:none;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;gap:var(--lux-button__gap, 8px);box-sizing:border-box;font-family:var(--lux-button__text-font, var(--lux-typography__font-family, Verdana), Verdana, sans-serif);font-size:var(--lux-button__text-size, var(--lux-typography-body-1__font-size, 14px));font-weight:var(--lux-typography-body-1__font-weight, 400);line-height:var(--lux-typography-body-1__line-height, 22px)}.lux-button:disabled,.lux-button-secondary:disabled,.lux-button-tertiary:disabled,.lux-button-ghost:disabled,.lux-button-outline:disabled{opacity:.2;pointer-events:none}@media(hover: hover){.lux-button:hover,.lux-button-secondary:hover,.lux-button-tertiary:hover,.lux-button-ghost:hover,.lux-button-outline:hover{background-color:var(--lux-button__bg-color-hover, #ddd);color:var(--lux-button__text-color-hover, inherit);border-color:var(--lux-button__border-color-hover, transparent);cursor:pointer}}.lux-button:active,.lux-button-secondary:active,.lux-button-tertiary:active,.lux-button-ghost:active,.lux-button-outline:active{background-color:var(--lux-button__bg-color-active, #ccc);color:var(--lux-button__text-color-active, inherit);border-color:var(--lux-button__border-color-active, transparent)}.lux-button-secondary{--lux-button__bg-color: var(--lux-button-secondary__bg-color);--lux-button__text-color: var(--lux-button-secondary__text-color);--lux-button__bg-color-hover: var(--lux-button-secondary__bg-color-hover);--lux-button__text-color-hover: var(--lux-button-secondary__text-color-hover);--lux-button__bg-color-active: var(--lux-button-secondary__bg-color-active);--lux-button__text-color-active: var(--lux-button-secondary__text-color-active)}.lux-button-tertiary{--lux-button__bg-color: var(--lux-button-tertiary__bg-color);--lux-button__text-color: var(--lux-button-tertiary__text-color);--lux-button__bg-color-hover: var(--lux-button-tertiary__bg-color-hover);--lux-button__text-color-hover: var(--lux-button-tertiary__text-color-hover);--lux-button__bg-color-active: var(--lux-button-tertiary__bg-color-active);--lux-button__text-color-active: var(--lux-button-tertiary__text-color-active)}.lux-button-ghost{--lux-button__bg-color: var(--lux-button-ghost__bg-color);--lux-button__text-color: var(--lux-button-ghost__text-color);--lux-button__bg-color-hover: var(--lux-button-ghost__bg-color-hover);--lux-button__text-color-hover: var(--lux-button-ghost__text-color-hover);--lux-button__bg-color-active: var(--lux-button-ghost__bg-color-active);--lux-button__text-color-active: var(--lux-button-ghost__text-color-active)}.lux-button-outline{--border-color: var(--lux-button__border-color, var(--lux-color-b));--lux-button__bg-color: var(--lux-button-outline__bg-color, transparent);--lux-button__text-color: var(--lux-button-outline__text-color, var(--lux-color-b));--lux-button__bg-color-hover: var(--lux-button-outline__bg-color-hover, var(--lux-color-b-d20));--lux-button__text-color-hover: var(--lux-button-outline__text-color-hover, var(--lux-color-d));--lux-button__bg-color-active: var(--lux-button-outline__bg-color-active, var(--lux-color-b));--lux-button__text-color-active: var(--lux-button-outline__text-color-active, var(--lux-color-d))}.lux-button--small{font-size:var(--lux-typography-body-2__font-size, 12px);font-weight:var(--lux-typography-body-2__font-weight, 400);line-height:var(--lux-typography-body-2__line-height, 18px);--lux-button__height: 24px;--lux-button__padding-top: 2px;--lux-button__padding-bottom: 2px;--lux-button-icon__size: 20px}.lux-button--large{font-size:var(--lux-typography-body-1__font-size, 14px);font-weight:var(--lux-typography-body-1__font-weight, 400);line-height:var(--lux-typography-body-1__line-height, 22px);--lux-button__height: 40px;--lux-button__padding-top: 6px;--lux-button__padding-bottom: 6px;--lux-button-icon__size: 28px}