:host button, :host button:focus, :host button:active, :host button.focus, :host button.active,
.beacon-app button,
.beacon-app button:focus,
.beacon-app button:active,
.beacon-app button.focus,
.beacon-app button.active {
  box-shadow: none;
  border-radius: var(--fl-rounding-button) !important;
}
:host button.disabled, :host button:disabled,
.beacon-app button.disabled,
.beacon-app button:disabled {
  opacity: 1 !important;
  cursor: not-allowed !important;
  color: var(--fl-color-disabled);
}
:host button .label,
.beacon-app button .label {
  font-weight: 600 !important;
}
:host button.is-primary,
.beacon-app button.is-primary {
  color: var(--fl-color-primary-text);
  background-color: var(--fl-color-primary);
  border: none;
}
:host button.is-primary.disabled, :host button.is-primary:disabled,
.beacon-app button.is-primary.disabled,
.beacon-app button.is-primary:disabled {
  background-color: var(--fl-color-primary-disabled);
}
:host button.is-primary:hover:not(.disabled), :host button.is-primary:hover:not(:disabled),
.beacon-app button.is-primary:hover:not(.disabled),
.beacon-app button.is-primary:hover:not(:disabled) {
  background-color: var(--fl-color-primary-hover);
}
:host button.is-primary:active:not(.disabled), :host button.is-primary:active:not(:disabled),
.beacon-app button.is-primary:active:not(.disabled),
.beacon-app button.is-primary:active:not(:disabled) {
  background-color: var(--fl-color-primary-focus);
}
:host button.is-outline-primary,
.beacon-app button.is-outline-primary {
  color: var(--fl-color-primary);
  border-color: var(--fl-color-primary);
  background-color: transparent;
}
:host button.is-outline-primary.disabled, :host button.is-outline-primary:disabled,
.beacon-app button.is-outline-primary.disabled,
.beacon-app button.is-outline-primary:disabled {
  color: var(--fl-color-primary-disabled);
  border-color: var(--fl-color-primary-disabled);
}
:host button.is-outline-primary:hover:not(.disabled), :host button.is-outline-primary:hover:not(:disabled),
.beacon-app button.is-outline-primary:hover:not(.disabled),
.beacon-app button.is-outline-primary:hover:not(:disabled) {
  color: var(--fl-color-primary-hover);
  border-color: var(--fl-color-primary-hover);
}
:host button.is-outline-primary:active:not(.disabled), :host button.is-outline-primary:active:not(:disabled),
.beacon-app button.is-outline-primary:active:not(.disabled),
.beacon-app button.is-outline-primary:active:not(:disabled) {
  color: var(--fl-color-primary-focus);
  border-color: var(--fl-color-primary-focus);
}
:host button.is-secondary,
.beacon-app button.is-secondary {
  color: var(--fl-color-secondary-text);
  background-color: var(--fl-color-secondary);
}
:host button.is-secondary.disabled, :host button.is-secondary:disabled,
.beacon-app button.is-secondary.disabled,
.beacon-app button.is-secondary:disabled {
  background-color: var(--fl-color-secondary-disabled);
}
:host button.is-secondary:hover:not(.disabled), :host button.is-secondary:hover:not(:disabled),
.beacon-app button.is-secondary:hover:not(.disabled),
.beacon-app button.is-secondary:hover:not(:disabled) {
  background-color: var(--fl-color-secondary-hover);
}
:host button.is-secondary:active:not(.disabled), :host button.is-secondary:active:not(:disabled),
.beacon-app button.is-secondary:active:not(.disabled),
.beacon-app button.is-secondary:active:not(:disabled) {
  background-color: var(--fl-color-secondary-focus);
}
:host button.is-outline-secondary,
.beacon-app button.is-outline-secondary {
  color: var(--fl-color-secondary);
  border-color: var(--fl-color-secondary);
  background-color: transparent;
}
:host button.is-outline-secondary.disabled, :host button.is-outline-secondary:disabled,
.beacon-app button.is-outline-secondary.disabled,
.beacon-app button.is-outline-secondary:disabled {
  color: var(--fl-color-secondary-disabled);
  border-color: var(--fl-color-secondary-disabled);
}
:host button.is-outline-secondary:hover:not(.disabled), :host button.is-outline-secondary:hover:not(:disabled),
.beacon-app button.is-outline-secondary:hover:not(.disabled),
.beacon-app button.is-outline-secondary:hover:not(:disabled) {
  color: var(--fl-color-secondary-hover);
  border-color: var(--fl-color-secondary-hover);
}
:host button.is-outline-secondary:active:not(.disabled), :host button.is-outline-secondary:active:not(:disabled),
.beacon-app button.is-outline-secondary:active:not(.disabled),
.beacon-app button.is-outline-secondary:active:not(:disabled) {
  color: var(--fl-color-secondary-focus);
  border-color: var(--fl-color-secondary-focus);
}
:host button.is-block,
.beacon-app button.is-block {
  display: block;
}
:host button:disabled, :host button.disabled,
.beacon-app button:disabled,
.beacon-app button.disabled {
  pointer-events: none;
}