.component-button.ornl-button.component-standard-button {
  font-family: Mulish;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

.component-button.ornl-button.component-standard-button.ornl-button--style--primary {
  background: var(--color-primary-rich);
  border-color: var(--color-primary-rich);
  color: var(--color-text-inverted);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--primary:hover {
  background: var(--color-primary-strong);
  border-color: var(--color-primary-strong);
  color: var(--color-text-inverted);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--primary:focus-visible, .component-button.ornl-button.component-standard-button.ornl-button--style--primary:focus, .component-button.ornl-button.component-standard-button.ornl-button--style--primary:visited:focus {
  background: var(--color-primary-strong);
  color: var(--color-text-inverted);
  outline: var(--ornl-button-outline-width) solid var(--ornl-button-outline-color);
  outline-offset: var(--ornl-button-outline-offset);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--primary:active {
  background: var(--color-primary-rich);
  border-color: var(--color-primary-rich);
  color: var(--color-text-inverted);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--primary:focus-visible:active, .component-button.ornl-button.component-standard-button.ornl-button--style--primary:focus:active {
  background: var(--color-primary-rich);
  border-color: var(--color-primary-rich);
  color: var(--color-text-inverted);
  outline: var(--ornl-button-outline-width) solid;
  outline-offset: var(--ornl-button-outline-offset);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--primary.is-disabled {
  background: var(--color-neutral-subtle);
  border-color: var(--color-neutral-subtle);
  color: var(--color-text-medium);
}

.component-button.ornl-button.component-standard-button.ornl-button--style--primary.ornl-button--tone-light {
  background: var(--color-surface-base);
  border-color: var(--color-surface-base);
  color: var(--color-primary-rich);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--primary.ornl-button--tone-light:hover, .component-button.ornl-button.component-standard-button.ornl-button--style--primary.ornl-button--tone-light:active {
  background: var(--color-primary-rich);
  border-color: var(--color-primary-rich);
  color: var(--color-text-inverted);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--primary.ornl-button--tone-light:focus-visible, .component-button.ornl-button.component-standard-button.ornl-button--style--primary.ornl-button--tone-light:focus, .component-button.ornl-button.component-standard-button.ornl-button--style--primary.ornl-button--tone-light:visited:focus, .component-button.ornl-button.component-standard-button.ornl-button--style--primary.ornl-button--tone-light:active:focus {
  background: var(--color-brand-light);
  border-color: var(--color-brand-light);
  color: var(--color-primary-rich);
  outline-color: var(--color-surface-base);
}

.component-button.component-standard-button.ornl-button--style--primary.ornl-button--color--plain:not(.ornl-button--tone-light) {
  background: transparent;
  border-color: transparent;
  color: var(--color-primary-rich);
}
.component-button.component-standard-button.ornl-button--style--primary.ornl-button--color--plain:not(.ornl-button--tone-light):hover, .component-button.component-standard-button.ornl-button--style--primary.ornl-button--color--plain:not(.ornl-button--tone-light):focus-visible, .component-button.component-standard-button.ornl-button--style--primary.ornl-button--color--plain:not(.ornl-button--tone-light):active {
  background: var(--color-primary-soft);
  border-color: transparent;
  color: var(--color-primary-rich);
}

/**
    * Secondary style
    */
.component-button.ornl-button.component-standard-button.ornl-button--style--secondary {
  background: transparent;
  border-color: var(--color-primary-rich);
  border-width: var(--ornl-button-border-width);
  color: var(--color-primary-rich);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--secondary:hover, .component-button.ornl-button.component-standard-button.ornl-button--style--secondary:active {
  background: var(--ornl-button-hover-state-color);
  color: var(--color-primary-rich);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--secondary:focus-visible, .component-button.ornl-button.component-standard-button.ornl-button--style--secondary:focus, .component-button.ornl-button.component-standard-button.ornl-button--style--secondary:active:focus {
  background: var(--ornl-button-hover-state-color);
  outline: var(--ornl-button-outline-width) solid;
  outline-color: var(--ornl-button-outline-color);
  outline-offset: var(--ornl-button-outline-offset);
  color: var(--color-primary-rich);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--secondary.is-disabled {
  background: transparent;
  border-color: var(--color-text-medium);
  color: var(--color-text-medium);
}

.component-button.component-standard-button.ornl-button--style--secondary.ornl-button--tone-light {
  background: transparent;
  border-color: var(--color-surface-base);
  color: var(--color-text-inverted);
}
.component-button.component-standard-button.ornl-button--style--secondary.ornl-button--tone-light:hover, .component-button.component-standard-button.ornl-button--style--secondary.ornl-button--tone-light:focus-visible, .component-button.component-standard-button.ornl-button--style--secondary.ornl-button--tone-light:active {
  background: var(--color-surface-base);
}
.component-button.component-standard-button.ornl-button--style--secondary.ornl-button--tone-light:hover, .component-button.component-standard-button.ornl-button--style--secondary.ornl-button--tone-light:active {
  background: var(--color-surface-base);
  color: var(--color-primary-rich);
}
.component-button.component-standard-button.ornl-button--style--secondary.ornl-button--tone-light:focus-visible, .component-button.component-standard-button.ornl-button--style--secondary.ornl-button--tone-light:focus, .component-button.component-standard-button.ornl-button--style--secondary.ornl-button--tone-light:active:focus {
  background: var(--color-surface-base);
  outline: var(--ornl-button-outline-width) solid;
  outline-color: var(--color-surface-base);
  outline-offset: var(--ornl-button-outline-offset);
  color: var(--color-primary-rich);
}
.component-button.component-standard-button.ornl-button--style--secondary.ornl-button--tone-light:focus-visible {
  outline-color: var(--color-surface-base);
}

.component-button.ornl-button.component-standard-button.ornl-button--style--plain {
  background: transparent;
  border-color: transparent;
  color: var(--color-primary-rich);
  min-width: 0;
}
.component-button.ornl-button.component-standard-button.ornl-button--style--plain:hover, .component-button.ornl-button.component-standard-button.ornl-button--style--plain:active {
  background: var(--ornl-button-hover-state-color);
  color: var(--color-primary-rich);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--plain:focus-visible, .component-button.ornl-button.component-standard-button.ornl-button--style--plain:focus, .component-button.ornl-button.component-standard-button.ornl-button--style--plain:active:focus {
  background: var(--ornl-button-hover-state-color);
  outline: var(--ornl-button-outline-width) solid var(--ornl-button-outline-color);
  outline-color: var(--ornl-button-outline-color);
  outline-offset: var(--ornl-button-outline-offset);
  color: var(--color-primary-rich);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--plain.is-disabled {
  background: transparent;
  color: var(--color-text-medium);
  opacity: 1;
}

.component-button.ornl-button.component-standard-button.ornl-button--style--plain.ornl-button--tone-light {
  background: transparent;
  color: var(--color-text-inverted);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--plain.ornl-button--tone-light:hover, .component-button.ornl-button.component-standard-button.ornl-button--style--plain.ornl-button--tone-light:active {
  background: var(--color-surface-base);
  color: var(--color-primary-rich);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--plain.ornl-button--tone-light:focus-visible, .component-button.ornl-button.component-standard-button.ornl-button--style--plain.ornl-button--tone-light:focus, .component-button.ornl-button.component-standard-button.ornl-button--style--plain.ornl-button--tone-light:active:focus {
  background: var(--color-surface-base);
  outline: var(--ornl-button-outline-width) solid;
  outline-color: var(--color-surface-base);
  outline-offset: var(--ornl-button-outline-offset);
  color: var(--color-primary-rich);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--plain.ornl-button--tone-light:focus-visible {
  outline-color: var(--color-surface-base);
}

/**
    * Secondary Neutral style
    */
.component-button.ornl-button.component-standard-button.ornl-button--style--secondary.ornl-button--color--neutral {
  background: transparent;
  border-color: var(--color-neutral-strong);
  color: #4a4a4a;
  border-color: #757575;
}
.component-button.ornl-button.component-standard-button.ornl-button--style--secondary.ornl-button--color--neutral:hover {
  background: var(--color-primary-strong);
  border-color: var(--color-primary-strong);
  color: var(--color-text-inverted);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--secondary.ornl-button--color--neutral:focus-visible, .component-button.ornl-button.component-standard-button.ornl-button--style--secondary.ornl-button--color--neutral:focus, .component-button.ornl-button.component-standard-button.ornl-button--style--secondary.ornl-button--color--neutral:visited:focus {
  background: var(--color-primary-strong);
  color: var(--color-text-inverted);
  outline: var(--ornl-button-outline-width) solid var(--ornl-button-outline-color);
  outline-offset: var(--ornl-button-outline-offset);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--secondary.ornl-button--color--neutral:active {
  background: var(--color-primary-rich);
  border-color: var(--color-primary-rich);
  color: var(--color-text-inverted);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--secondary.ornl-button--color--neutral:focus-visible:active, .component-button.ornl-button.component-standard-button.ornl-button--style--secondary.ornl-button--color--neutral:focus:active {
  background: var(--color-primary-rich);
  border-color: var(--color-primary-rich);
  color: var(--color-text-inverted);
  outline: var(--ornl-button-outline-width) solid;
  outline-offset: var(--ornl-button-outline-offset);
}
.component-button.ornl-button.component-standard-button.ornl-button--style--secondary.ornl-button--color--neutral.is-disabled {
  background: var(--color-neutral-subtle);
  border-color: var(--color-neutral-subtle);
  color: var(--color-text-medium);
}
/*# sourceMappingURL=standardbutton.css.map */