.wb-stretched::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.wb-stretched__container {
  position: relative;
}




















:host {
  display: block;
}

:host([link]) {
  display: inline;
}

.wb-button {
  color: var(--wb-button__font-color--state, var(--wb-button__font-color--dynamic, var(--wb-button__font-color, var(--wb-ds-button-default__font-color, var(--wb-ds-color-text--default)))));
  font-family: var(--wb-button__font-family--state, var(--wb-button__font-family--dynamic, var(--wb-button__font-family)));
  font-size: var(--wb-button__font-size--state, var(--wb-button__font-size--dynamic, var(--wb-button__font-size)));
  font-style: var(--wb-button__font-style--state, var(--wb-button__font-style--dynamic, var(--wb-button__font-style)));
  font-weight: var(--wb-button__font-weight--state, var(--wb-button__font-weight--dynamic, var(--wb-button__font-weight)));
  line-height: var(--wb-button__line-height--state, var(--wb-button__line-height--dynamic, var(--wb-button__line-height)));
  letter-spacing: var(--wb-button__letter-spacing--state, var(--wb-button__letter-spacing--dynamic, var(--wb-button__letter-spacing)));
  text-transform: var(--wb-button__text-transform--state, var(--wb-button__text-transform--dynamic, var(--wb-button__text-transform)));
  text-align: var(--wb-button__text-align--state, var(--wb-button__text-align--dynamic, var(--wb-button__text-align)));
  opacity: var(--wb-button__opacity--state, var(--wb-button__opacity--dynamic, var(--wb-button__opacity)));
  padding-top: var(--wb-button__bezel-top--state, var(--wb-button__bezel--state, var(--wb-button__bezel-top--dynamic, var(--wb-button__bezel--dynamic, var(--wb-button__bezel-top, var(--wb-button__bezel, var(--wb-ds-button-default__bezel-top, var(--wb-ds-space--s, 1rem))))))));
  padding-right: var(--wb-button__bezel-right--state, var(--wb-button__bezel--state, var(--wb-button__bezel-right--dynamic, var(--wb-button__bezel--dynamic, var(--wb-button__bezel-right, var(--wb-button__bezel, var(--wb-ds-button-default__bezel-right, var(--wb-ds-space--s, 1rem))))))));
  padding-bottom: var(--wb-button__bezel-bottom--state, var(--wb-button__bezel--state, var(--wb-button__bezel-bottom--dynamic, var(--wb-button__bezel--dynamic, var(--wb-button__bezel-bottom, var(--wb-button__bezel, var(--wb-ds-button-default__bezel-bottom, var(--wb-ds-space--s, 1rem))))))));
  padding-left: var(--wb-button__bezel-left--state, var(--wb-button__bezel--state, var(--wb-button__bezel-left--dynamic, var(--wb-button__bezel--dynamic, var(--wb-button__bezel-left, var(--wb-button__bezel, var(--wb-ds-button-default__bezel-left, var(--wb-ds-space--s, 1rem))))))));
  --wb-button__box-shadow--value: var(--wb-button__box-shadow--state, var(--wb-button__box-shadow--dynamic, var(--wb-button__box-shadow, var(--wb-ds-border-is-box-shadow))));
  --wb-button__border-width--value: var(--wb-button__border-width--state, var(--wb-button__border-width--dynamic, var(--wb-button__border-width, var(--wb-ds-button-default__border-width, var(--wb-ds-border-width--default, var(--wb-ds-border-width--default))))));
  --wb-button__border-color--value: var(--wb-button__border-color--state, var(--wb-button__border-color--dynamic, var(--wb-button__border-color, var(--wb-ds-button-default__border-color, var(--wb-ds-button-default__border-color, var(--wb-ds-color-border--default))))));
  --wb-button__blur-radius--value: var(--wb-button__blur-radius--state, var(--wb-button__blur-radius--dynamic, var(--wb-button__blur-radius, var(--wb-ds-border-blur-radius--default, 0))));
  --wb-button__spread-radius--value: var(--wb-button__spread-radius--state, var(--wb-button__spread-radius--dynamic, var(--wb-button__spread-radius, var(--wb-ds-border-spread-radius--default, 0))));
  --wb-button__box-shadow-top--value: var(--wb-button__box-shadow-top, inset 0px var(--wb-button__border-width--value) var(--wb-button__blur-radius--value) var(--wb-button__spread-radius--value) var(--wb-button__border-color--value));
  --wb-button__box-shadow-right--value: var(--wb-button__box-shadow-right, inset calc(var(--wb-button__border-width--value) * -1) 0px var(--wb-button__blur-radius--value) var(--wb-button__spread-radius--value) var(--wb-button__border-color--value));
  --wb-button__box-shadow-bottom--value: var(--wb-button__box-shadow-bottom, inset 0px calc(var(--wb-button__border-width--value) * -1) var(--wb-button__blur-radius--value) var(--wb-button__spread-radius--value) var(--wb-button__border-color--value));
  --wb-button__box-shadow-left--value: var(--wb-button__box-shadow-left, inset var(--wb-button__border-width--value) 0px var(--wb-button__blur-radius--value) var(--wb-button__spread-radius--value) var(--wb-button__border-color--value));
  box-shadow: var(--wb-button__box-shadow--value, var(--wb-button__box-shadow-left--dynamic, var(--wb-button__box-shadow-left--value)), var(--wb-button__box-shadow-right--dynamic, var(--wb-button__box-shadow-right--value)), var(--wb-button__box-shadow-top--dynamic, var(--wb-button__box-shadow-top--value)), var(--wb-button__box-shadow-bottom--dynamic, var(--wb-button__box-shadow-bottom--value)));
  border-top: var(--wb-button__border-top--state, var(--wb-button__border--state, var(--wb-button__border-top--dynamic, var(--wb-button__border--dynamic, var(--wb-button__border-top, var(--wb-button__border, var(--wb-ds-border-is-border)))))));
  border-right: var(--wb-button__border-right--state, var(--wb-button__border--state, var(--wb-button__border-right--dynamic, var(--wb-button__border--dynamic, var(--wb-button__border-right, var(--wb-button__border, var(--wb-ds-border-is-border)))))));
  border-bottom: var(--wb-button__border-bottom--state, var(--wb-button__border--state, var(--wb-button__border-bottom--dynamic, var(--wb-button__border--dynamic, var(--wb-button__border-bottom, var(--wb-button__border, var(--wb-ds-border-is-border)))))));
  border-left: var(--wb-button__border-left--state, var(--wb-button__border--state, var(--wb-button__border-left--dynamic, var(--wb-button__border--dynamic, var(--wb-button__border-left, var(--wb-button__border, var(--wb-ds-border-is-border)))))));
  border-radius: var(--wb-button__border-radius--state, var(--wb-button__border-radius--dynamic, var(--wb-button__border-radius, var(--wb-ds-button-default__border-radius, var(--wb-ds-border-radius--default, var(--wb-ds-border-radius--default))))));
  outline: var(--wb-button__outline--state, var(--wb-button__outline--dynamic, var(--wb-button__outline, var(--wb-ds-border-is-outline))));
  transition: var(--wb-button__transition--state, var(--wb-button__transition--dynamic, var(--wb-button__transition, background var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), color var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), box-shadow var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), border var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function))));
  background: var(--wb-button__background--state, var(--wb-button__background--dynamic, var(--wb-button__background, var(--wb-ds-button-default__background, var(--wb-ds-color-background--default, var(--wb-ds-color-background--default, initial))))));
  text-decoration: var(--wb-button__text-decoration--state, var(--wb-button__text-decoration--dynamic, var(--wb-button__text-decoration, var(--wb-ds-button-default__text-decoration, none))));
  cursor: var(--wb-button__cursor--state, var(--wb-button__cursor--dynamic, var(--wb-button__cursor, var(--wb-ds-button-default__cursor, pointer))));
  width: var(--wb-button__width--state, var(--wb-button__width--dynamic, var(--wb-button__width)));
  text-align: center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.wb-button slot[name=end] {
  margin-left: var(--wb-button__gutter-x, var(--wb-ds-space--s));
}
.wb-button * {
  --wb-button__bezel: initial;
  --wb-button__bezel-top: initial;
  --wb-button__bezel-right: initial;
  --wb-button__bezel-bottom: initial;
  --wb-button__bezel-left: initial;
}
.wb-button * {
  --wb-button__border-color: initial;
  --wb-button__border-radius: initial;
  --wb-button__border-width: initial;
  --wb-button__box-shadow: initial;
  --wb-button__box-shadow-top: initial;
  --wb-button__box-shadow-right: initial;
  --wb-button__box-shadow-bottom: initial;
  --wb-button__box-shadow-left: initial;
  --wb-button__border: initial;
  --wb-button__border-top: initial;
  --wb-button__border-right: initial;
  --wb-button__border-bottom: initial;
  --wb-button__border-left: initial;
  --wb-button__outline: initial;
  --wb-button__transition: initial;
}
.wb-button * {
  --wb-button__background: initial;
}
.wb-button:focus {
  --wb-button__opacity--state: var(--wb-button__opacity--focus, var(--wb-ds-button-default__opacity--focus, var(--wb-ds-opacity--focus)));
  --wb-button__font-weight--state: var(--wb-button__font-weight--focus, var(--wb-ds-button-default__font-weight--focus, var(--wb-ds-font-weight--focus)));
  --wb-button__font-style--state: var(--wb-button__font-style--focus, var(--wb-ds-button-default__font-style--focus, var(--wb-ds-font-style--focus)));
  --wb-button__font-color--state: var(--wb-button__font-color--focus, var(--wb-ds-button-default__font-color--focus, var(--wb-ds-color-text--focus)));
  --wb-button__border-left--state: var(--wb-button__border-left--focus, var(--wb-ds-button-default__border-left--focus, var(--wb-ds-border-is-border--focus)));
  --wb-button__border-bottom--state: var(--wb-button__border-bottom--focus, var(--wb-ds-button-default__border-bottom--focus, var(--wb-ds-border-is-border--focus)));
  --wb-button__border-right--state: var(--wb-button__border-right--focus, var(--wb-ds-button-default__border-right--focus, var(--wb-ds-border-is-border--focus)));
  --wb-button__border-top--state: var(--wb-button__border-top--focus, var(--wb-ds-button-default__border-top--focus, var(--wb-ds-border-is-border--focus)));
  --wb-button__border--state: var(--wb-button__border--focus, var(--wb-ds-button-default__border--focus, var(--wb-ds-border-is-border--focus)));
  --wb-button__box-shadow--state: var(--wb-button__box-shadow--focus, var(--wb-ds-button-default__box-shadow--focus, var(--wb-ds-border-is-box-shadow--focus)));
  --wb-button__transition--state: var(--wb-button__transition--focus, var(--wb-ds-button-default__transition--focus, var(--wb-ds-transition--focus)));
  --wb-button__border-width--state: var(--wb-button__border-width--focus, var(--wb-ds-button-default__border-width--focus, var(--wb-ds-border-width--focus)));
  --wb-button__border-color--state: var(--wb-button__border-color--focus, var(--wb-ds-button-default__border-color--focus, var(--wb-ds-color-border--focus)));
  --wb-button__background--state: var(--wb-button__background--focus, var(--wb-ds-button-default__background--focus, var(--wb-ds-color-background--focus)));
  --wb-button__cursor--state: var(--wb-button__cursor--focus, var(--wb-ds-button-default__cursor--focus, var(--wb-ds-cursor--focus)));
  --wb-button__text-decoration--state: var(--wb-button__text-decoration--focus, var(--wb-ds-button-default__text-decoration--focus, var(--wb-ds-text-decoration--focus)));
}
.wb-button:hover {
  --wb-button__opacity--state: var(--wb-button__opacity--hover, var(--wb-ds-button-default__opacity--hover, var(--wb-ds-opacity--hover)));
  --wb-button__font-weight--state: var(--wb-button__font-weight--hover, var(--wb-ds-button-default__font-weight--hover, var(--wb-ds-font-weight--hover)));
  --wb-button__font-style--state: var(--wb-button__font-style--hover, var(--wb-ds-button-default__font-style--hover, var(--wb-ds-font-style--hover)));
  --wb-button__font-color--state: var(--wb-button__font-color--hover, var(--wb-ds-button-default__font-color--hover, var(--wb-ds-color-text--hover)));
  --wb-button__border-left--state: var(--wb-button__border-left--hover, var(--wb-ds-button-default__border-left--hover, var(--wb-ds-border-is-border--hover)));
  --wb-button__border-bottom--state: var(--wb-button__border-bottom--hover, var(--wb-ds-button-default__border-bottom--hover, var(--wb-ds-border-is-border--hover)));
  --wb-button__border-right--state: var(--wb-button__border-right--hover, var(--wb-ds-button-default__border-right--hover, var(--wb-ds-border-is-border--hover)));
  --wb-button__border-top--state: var(--wb-button__border-top--hover, var(--wb-ds-button-default__border-top--hover, var(--wb-ds-border-is-border--hover)));
  --wb-button__border--state: var(--wb-button__border--hover, var(--wb-ds-button-default__border--hover, var(--wb-ds-border-is-border--hover)));
  --wb-button__box-shadow--state: var(--wb-button__box-shadow--hover, var(--wb-ds-button-default__box-shadow--hover, var(--wb-ds-border-is-box-shadow--hover)));
  --wb-button__transition--state: var(--wb-button__transition--hover, var(--wb-ds-button-default__transition--hover, var(--wb-ds-transition--hover)));
  --wb-button__border-width--state: var(--wb-button__border-width--hover, var(--wb-ds-button-default__border-width--hover, var(--wb-ds-border-width--hover)));
  --wb-button__border-color--state: var(--wb-button__border-color--hover, var(--wb-ds-button-default__border-color--hover, var(--wb-ds-color-border--hover)));
  --wb-button__background--state: var(--wb-button__background--hover, var(--wb-ds-button-default__background--hover, var(--wb-ds-color-background--hover)));
  --wb-button__cursor--state: var(--wb-button__cursor--hover, var(--wb-ds-button-default__cursor--hover, var(--wb-ds-cursor--hover)));
  --wb-button__text-decoration--state: var(--wb-button__text-decoration--hover, var(--wb-ds-button-default__text-decoration--hover, var(--wb-ds-text-decoration--hover)));
}
.wb-button:active {
  --wb-button__opacity--state: var(--wb-button__opacity--active, var(--wb-ds-button-default__opacity--active, var(--wb-ds-opacity--active)));
  --wb-button__font-weight--state: var(--wb-button__font-weight--active, var(--wb-ds-button-default__font-weight--active, var(--wb-ds-font-weight--active)));
  --wb-button__font-style--state: var(--wb-button__font-style--active, var(--wb-ds-button-default__font-style--active, var(--wb-ds-font-style--active)));
  --wb-button__font-color--state: var(--wb-button__font-color--active, var(--wb-ds-button-default__font-color--active, var(--wb-ds-color-text--active)));
  --wb-button__border-left--state: var(--wb-button__border-left--active, var(--wb-ds-button-default__border-left--active, var(--wb-ds-border-is-border--active)));
  --wb-button__border-bottom--state: var(--wb-button__border-bottom--active, var(--wb-ds-button-default__border-bottom--active, var(--wb-ds-border-is-border--active)));
  --wb-button__border-right--state: var(--wb-button__border-right--active, var(--wb-ds-button-default__border-right--active, var(--wb-ds-border-is-border--active)));
  --wb-button__border-top--state: var(--wb-button__border-top--active, var(--wb-ds-button-default__border-top--active, var(--wb-ds-border-is-border--active)));
  --wb-button__border--state: var(--wb-button__border--active, var(--wb-ds-button-default__border--active, var(--wb-ds-border-is-border--active)));
  --wb-button__box-shadow--state: var(--wb-button__box-shadow--active, var(--wb-ds-button-default__box-shadow--active, var(--wb-ds-border-is-box-shadow--active)));
  --wb-button__transition--state: var(--wb-button__transition--active, var(--wb-ds-button-default__transition--active, var(--wb-ds-transition--active)));
  --wb-button__border-width--state: var(--wb-button__border-width--active, var(--wb-ds-button-default__border-width--active, var(--wb-ds-border-width--active)));
  --wb-button__border-color--state: var(--wb-button__border-color--active, var(--wb-ds-button-default__border-color--active, var(--wb-ds-color-border--active)));
  --wb-button__background--state: var(--wb-button__background--active, var(--wb-ds-button-default__background--active, var(--wb-ds-color-background--active)));
  --wb-button__cursor--state: var(--wb-button__cursor--active, var(--wb-ds-button-default__cursor--active, var(--wb-ds-cursor--active)));
  --wb-button__text-decoration--state: var(--wb-button__text-decoration--active, var(--wb-ds-button-default__text-decoration--active, var(--wb-ds-text-decoration--active)));
}
.wb-button:disabled {
  --wb-button__opacity--state: var(--wb-button__opacity--disabled, var(--wb-ds-button-default__opacity--disabled, var(--wb-ds-opacity--disabled)));
  --wb-button__font-weight--state: var(--wb-button__font-weight--disabled, var(--wb-ds-button-default__font-weight--disabled, var(--wb-ds-font-weight--disabled)));
  --wb-button__font-style--state: var(--wb-button__font-style--disabled, var(--wb-ds-button-default__font-style--disabled, var(--wb-ds-font-style--disabled)));
  --wb-button__font-color--state: var(--wb-button__font-color--disabled, var(--wb-ds-button-default__font-color--disabled, var(--wb-ds-color-text--disabled)));
  --wb-button__border-left--state: var(--wb-button__border-left--disabled, var(--wb-ds-button-default__border-left--disabled, var(--wb-ds-border-is-border--disabled)));
  --wb-button__border-bottom--state: var(--wb-button__border-bottom--disabled, var(--wb-ds-button-default__border-bottom--disabled, var(--wb-ds-border-is-border--disabled)));
  --wb-button__border-right--state: var(--wb-button__border-right--disabled, var(--wb-ds-button-default__border-right--disabled, var(--wb-ds-border-is-border--disabled)));
  --wb-button__border-top--state: var(--wb-button__border-top--disabled, var(--wb-ds-button-default__border-top--disabled, var(--wb-ds-border-is-border--disabled)));
  --wb-button__border--state: var(--wb-button__border--disabled, var(--wb-ds-button-default__border--disabled, var(--wb-ds-border-is-border--disabled)));
  --wb-button__box-shadow--state: var(--wb-button__box-shadow--disabled, var(--wb-ds-button-default__box-shadow--disabled, var(--wb-ds-border-is-box-shadow--disabled)));
  --wb-button__transition--state: var(--wb-button__transition--disabled, var(--wb-ds-button-default__transition--disabled, var(--wb-ds-transition--disabled)));
  --wb-button__border-width--state: var(--wb-button__border-width--disabled, var(--wb-ds-button-default__border-width--disabled, var(--wb-ds-border-width--disabled)));
  --wb-button__border-color--state: var(--wb-button__border-color--disabled, var(--wb-ds-button-default__border-color--disabled, var(--wb-ds-color-border--disabled)));
  --wb-button__background--state: var(--wb-button__background--disabled, var(--wb-ds-button-default__background--disabled, var(--wb-ds-color-background--disabled)));
  --wb-button__cursor--state: var(--wb-button__cursor--disabled, var(--wb-ds-button-default__cursor--disabled, var(--wb-ds-cursor--disabled)));
  --wb-button__text-decoration--state: var(--wb-button__text-decoration--disabled, var(--wb-ds-button-default__text-decoration--disabled, var(--wb-ds-text-decoration--disabled)));
}
.wb-button--fullwidth {
  width: 100%;
}
.wb-button--stretched::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.wb-button--disabled {
  pointer-events: none;
  cursor: default;
}
.wb-button--link {
  --wb-button__font-color: var(--wb-ds-link-default__font-color, var(--wb-ds-color-text--default));
  --wb-button__font-family: var(--wb-link__font-family);
  --wb-button__font-size: var(--wb-link__font-size);
  --wb-button__font-style: var(--wb-link__font-style);
  --wb-button__font-weight: var(--wb-link__font-weight);
  --wb-button__line-height: var(--wb-link__line-height);
  --wb-button__letter-spacing: var(--wb-link__letter-spacing);
  --wb-button__text-transform: var(--wb-link__text-transform);
  --wb-button__text-align: var(--wb-link__text-align);
  --wb-button__opacity: var(--wb-link__opacity);
  --wb-button__bezel-top: var(--wb-ds-link-default__bezel-top, none);
  --wb-button__bezel-right: var(--wb-ds-link-default__bezel-right, none);
  --wb-button__bezel-bottom: var(--wb-ds-link-default__bezel-bottom, none);
  --wb-button__bezel-left: var(--wb-ds-link-default__bezel-left, none);
  --wb-button__border-color: var(--wb-ds-link-default__border-color, transparent);
  --wb-button__border-radius: var(--wb-ds-link-default__border-radius, 0px);
  --wb-button__border-width: var(--wb-ds-link-default__border-width, 0px);
  --wb-button__box-shadow: var(--wb-link__box-shadow);
  --wb-button__box-shadow-top: var(--wb-link__box-shadow-top);
  --wb-button__box-shadow-right: var(--wb-link__box-shadow-right);
  --wb-button__box-shadow-bottom: var(--wb-link__box-shadow-bottom);
  --wb-button__box-shadow-left: var(--wb-link__box-shadow-left);
  --wb-button__border: var(--wb-link__border);
  --wb-button__border-top: var(--wb-link__border-top);
  --wb-button__border-right: var(--wb-link__border-right);
  --wb-button__border-bottom: var(--wb-link__border-bottom);
  --wb-button__border-left: var(--wb-link__border-left);
  --wb-button__outline: var(--wb-link__outline);
  --wb-button__transition: color var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), opacity var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function);
  --wb-button__background: var(--wb-ds-link-default__background, transparent);
  --wb-button__text-decoration: var(--wb-ds-link-default__text-decoration, none);
  --wb-button__cursor: var(--wb-ds-link-default__cursor, pointer);
  --wb-button__width: var(--wb-link__width);
  display: inline;
}
.wb-button--link:focus {
  --wb-button__font-color--state: var(--wb-button__font-color--focus, var(--wb-ds-link-default__font-color--focus, var(--wb-ds-color-text--focus)));
  --wb-button__font-style--state: var(--wb-button__font-style--focus, var(--wb-ds-link-default__font-style--focus, var(--wb-ds-font-style--focus)));
  --wb-button__font-weight--state: var(--wb-button__font-weight--focus, var(--wb-ds-link-default__font-weight--focus, var(--wb-ds-font-weight--focus)));
  --wb-button__opacity--state: var(--wb-button__opacity--focus, var(--wb-ds-link-default__opacity--focus, var(--wb-ds-opacity--focus)));
  --wb-button__border-color--state: var(--wb-button__border-color--focus, var(--wb-ds-link-default__border-color--focus));
  --wb-button__border-width--state: var(--wb-button__border-width--focus, var(--wb-ds-link-default__border-width--focus));
  --wb-button__transition--state: var(--wb-button__transition--focus, var(--wb-ds-link-default__transition--focus, var(--wb-ds-transition--focus)));
  --wb-button__box-shadow--state: var(--wb-button__box-shadow--focus, var(--wb-ds-link-default__box-shadow--focus, var(--wb-ds-border-is-box-shadow--focus)));
  --wb-button__border--state: var(--wb-button__border--focus, var(--wb-ds-link-default__border--focus, var(--wb-ds-border-is-border--focus)));
  --wb-button__border-top--state: var(--wb-button__border-top--focus, var(--wb-ds-link-default__border-top--focus, var(--wb-ds-border-is-border--focus)));
  --wb-button__border-right--state: var(--wb-button__border-right--focus, var(--wb-ds-link-default__border-right--focus, var(--wb-ds-border-is-border--focus)));
  --wb-button__border-bottom--state: var(--wb-button__border-bottom--focus, var(--wb-ds-link-default__border-bottom--focus, var(--wb-ds-border-is-border--focus)));
  --wb-button__border-left--state: var(--wb-button__border-left--focus, var(--wb-ds-link-default__border-left--focus, var(--wb-ds-border-is-border--focus)));
  --wb-button__background--state: var(--wb-button__background--focus, var(--wb-ds-link-default__background--focus));
  --wb-button__text-decoration--state: var(--wb-button__text-decoration--focus, var(--wb-ds-link-default__text-decoration--focus, var(--wb-ds-text-decoration--focus)));
  --wb-button__cursor--state: var(--wb-button__cursor--focus, var(--wb-ds-link-default__cursor--focus, var(--wb-ds-cursor--focus)));
}
.wb-button--link:hover {
  --wb-button__font-color--state: var(--wb-button__font-color--hover, var(--wb-ds-link-default__font-color--hover, var(--wb-ds-color-text--hover)));
  --wb-button__font-style--state: var(--wb-button__font-style--hover, var(--wb-ds-link-default__font-style--hover, var(--wb-ds-font-style--hover)));
  --wb-button__font-weight--state: var(--wb-button__font-weight--hover, var(--wb-ds-link-default__font-weight--hover, var(--wb-ds-font-weight--hover)));
  --wb-button__opacity--state: var(--wb-button__opacity--hover, var(--wb-ds-link-default__opacity--hover, var(--wb-ds-opacity--hover)));
  --wb-button__border-color--state: var(--wb-button__border-color--hover, var(--wb-ds-link-default__border-color--hover));
  --wb-button__border-width--state: var(--wb-button__border-width--hover, var(--wb-ds-link-default__border-width--hover));
  --wb-button__transition--state: var(--wb-button__transition--hover, var(--wb-ds-link-default__transition--hover, var(--wb-ds-transition--hover)));
  --wb-button__box-shadow--state: var(--wb-button__box-shadow--hover, var(--wb-ds-link-default__box-shadow--hover, var(--wb-ds-border-is-box-shadow--hover)));
  --wb-button__border--state: var(--wb-button__border--hover, var(--wb-ds-link-default__border--hover, var(--wb-ds-border-is-border--hover)));
  --wb-button__border-top--state: var(--wb-button__border-top--hover, var(--wb-ds-link-default__border-top--hover, var(--wb-ds-border-is-border--hover)));
  --wb-button__border-right--state: var(--wb-button__border-right--hover, var(--wb-ds-link-default__border-right--hover, var(--wb-ds-border-is-border--hover)));
  --wb-button__border-bottom--state: var(--wb-button__border-bottom--hover, var(--wb-ds-link-default__border-bottom--hover, var(--wb-ds-border-is-border--hover)));
  --wb-button__border-left--state: var(--wb-button__border-left--hover, var(--wb-ds-link-default__border-left--hover, var(--wb-ds-border-is-border--hover)));
  --wb-button__background--state: var(--wb-button__background--hover, var(--wb-ds-link-default__background--hover));
  --wb-button__text-decoration--state: var(--wb-button__text-decoration--hover, var(--wb-ds-link-default__text-decoration--hover, var(--wb-ds-text-decoration--hover)));
  --wb-button__cursor--state: var(--wb-button__cursor--hover, var(--wb-ds-link-default__cursor--hover, var(--wb-ds-cursor--hover)));
}
.wb-button--link:active {
  --wb-button__font-color--state: var(--wb-button__font-color--active, var(--wb-ds-link-default__font-color--active, var(--wb-ds-color-text--active)));
  --wb-button__font-style--state: var(--wb-button__font-style--active, var(--wb-ds-link-default__font-style--active, var(--wb-ds-font-style--active)));
  --wb-button__font-weight--state: var(--wb-button__font-weight--active, var(--wb-ds-link-default__font-weight--active, var(--wb-ds-font-weight--active)));
  --wb-button__opacity--state: var(--wb-button__opacity--active, var(--wb-ds-link-default__opacity--active, var(--wb-ds-opacity--active)));
  --wb-button__border-color--state: var(--wb-button__border-color--active, var(--wb-ds-link-default__border-color--active));
  --wb-button__border-width--state: var(--wb-button__border-width--active, var(--wb-ds-link-default__border-width--active));
  --wb-button__transition--state: var(--wb-button__transition--active, var(--wb-ds-link-default__transition--active, var(--wb-ds-transition--active)));
  --wb-button__box-shadow--state: var(--wb-button__box-shadow--active, var(--wb-ds-link-default__box-shadow--active, var(--wb-ds-border-is-box-shadow--active)));
  --wb-button__border--state: var(--wb-button__border--active, var(--wb-ds-link-default__border--active, var(--wb-ds-border-is-border--active)));
  --wb-button__border-top--state: var(--wb-button__border-top--active, var(--wb-ds-link-default__border-top--active, var(--wb-ds-border-is-border--active)));
  --wb-button__border-right--state: var(--wb-button__border-right--active, var(--wb-ds-link-default__border-right--active, var(--wb-ds-border-is-border--active)));
  --wb-button__border-bottom--state: var(--wb-button__border-bottom--active, var(--wb-ds-link-default__border-bottom--active, var(--wb-ds-border-is-border--active)));
  --wb-button__border-left--state: var(--wb-button__border-left--active, var(--wb-ds-link-default__border-left--active, var(--wb-ds-border-is-border--active)));
  --wb-button__background--state: var(--wb-button__background--active, var(--wb-ds-link-default__background--active));
  --wb-button__text-decoration--state: var(--wb-button__text-decoration--active, var(--wb-ds-link-default__text-decoration--active, var(--wb-ds-text-decoration--active)));
  --wb-button__cursor--state: var(--wb-button__cursor--active, var(--wb-ds-link-default__cursor--active, var(--wb-ds-cursor--active)));
}
.wb-button--link:disabled {
  --wb-button__font-color--state: var(--wb-button__font-color--disabled, var(--wb-ds-link-default__font-color--disabled, var(--wb-ds-color-text--disabled)));
  --wb-button__font-style--state: var(--wb-button__font-style--disabled, var(--wb-ds-link-default__font-style--disabled, var(--wb-ds-font-style--disabled)));
  --wb-button__font-weight--state: var(--wb-button__font-weight--disabled, var(--wb-ds-link-default__font-weight--disabled, var(--wb-ds-font-weight--disabled)));
  --wb-button__opacity--state: var(--wb-button__opacity--disabled, var(--wb-ds-link-default__opacity--disabled, var(--wb-ds-opacity--disabled)));
  --wb-button__border-color--state: var(--wb-button__border-color--disabled, var(--wb-ds-link-default__border-color--disabled));
  --wb-button__border-width--state: var(--wb-button__border-width--disabled, var(--wb-ds-link-default__border-width--disabled));
  --wb-button__transition--state: var(--wb-button__transition--disabled, var(--wb-ds-link-default__transition--disabled, var(--wb-ds-transition--disabled)));
  --wb-button__box-shadow--state: var(--wb-button__box-shadow--disabled, var(--wb-ds-link-default__box-shadow--disabled, var(--wb-ds-border-is-box-shadow--disabled)));
  --wb-button__border--state: var(--wb-button__border--disabled, var(--wb-ds-link-default__border--disabled, var(--wb-ds-border-is-border--disabled)));
  --wb-button__border-top--state: var(--wb-button__border-top--disabled, var(--wb-ds-link-default__border-top--disabled, var(--wb-ds-border-is-border--disabled)));
  --wb-button__border-right--state: var(--wb-button__border-right--disabled, var(--wb-ds-link-default__border-right--disabled, var(--wb-ds-border-is-border--disabled)));
  --wb-button__border-bottom--state: var(--wb-button__border-bottom--disabled, var(--wb-ds-link-default__border-bottom--disabled, var(--wb-ds-border-is-border--disabled)));
  --wb-button__border-left--state: var(--wb-button__border-left--disabled, var(--wb-ds-link-default__border-left--disabled, var(--wb-ds-border-is-border--disabled)));
  --wb-button__background--state: var(--wb-button__background--disabled, var(--wb-ds-link-default__background--disabled));
  --wb-button__text-decoration--state: var(--wb-button__text-decoration--disabled, var(--wb-ds-link-default__text-decoration--disabled, var(--wb-ds-text-decoration--disabled)));
  --wb-button__cursor--state: var(--wb-button__cursor--disabled, var(--wb-ds-link-default__cursor--disabled, var(--wb-ds-cursor--disabled)));
}


:export {
  props: font-color, font-family, font-size, font-style, font-weight, line-height, letter-spacing, text-transform, text-align, opacity, bezel-top, bezel-right, bezel-bottom, bezel-left, border-color, border-radius, border-width, box-shadow, box-shadow-top, box-shadow-right, box-shadow-bottom, box-shadow-left, border, border-top, border-right, border-bottom, border-left, outline, transition, background, text-decoration, cursor, width;
  stateProps: font-color, font-style, font-weight, opacity, border-color, border-width, transition, box-shadow, border, border-top, border-right, border-bottom, border-left, background, text-decoration, cursor;
  states: focus, hover, active, disabled;
}