/**
 * Copyright (c) Microblink Ltd. All rights reserved.
 */
/**
 * Copyright (c) Microblink Ltd. All rights reserved.
 *
 * SASS variables, not customizable via CSS variables
 */
/**
 * Camera experiences
 */
:host {
  box-sizing: border-box;
  display: block;
}
:host button {
  display: block;
  border: none;
  margin: 0;
  padding: 7px 16px;
  color: var(--mb-component-button-classic-text-color);
  background: var(--mb-component-button-classic-background);
  border: 1px solid var(--mb-component-button-classic-background);
  border-radius: var(--mb-component-button-classic-border-radius);
  font-family: var(--mb-font-family);
  font-size: var(--mb-component-button-classic-font-size);
  font-weight: var(--mb-component-button-classic-font-weight);
}
:host button:not([disabled]) {
  cursor: pointer;
}
:host button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

:host(.inverted) a {
  background-color: white;
  color: var(--mb-component-button-classic-inverted-text-color);
  border: 1px solid var(--mb-component-button-classic-inverted-border-color);
}
:host(.inverted) a:hover,
:host(.inverted) a:active,
:host(.inverted) a:focus {
  cursor: pointer;
  background-color: var(--mb-component-button-classic-inverted-hover-background);
}
:host(.inverted) a:focus {
  border-color: var(--mb-component-button-classic-focused-border-color);
}