/**
 * This file was automatically generated. Please run `npm run dist` to update.
 */

.ct-button {
  cursor: pointer;
  border: 0.125rem solid transparent;
  border-radius: 0.25rem;
  font-size: var(--ct-typography-label-extra-small-font-size);
  line-height: var(--ct-typography-label-extra-small-line-height);
  font-family: var(--ct-typography-label-extra-small-font-name);
  font-weight: var(--ct-typography-label-extra-small-font-weight);
  letter-spacing: var(--ct-typography-label-extra-small-letter-spacing);
  border-width: 0.0625rem;
  padding: 0.25rem 0.5rem !important;
}
.ct-button--language {
  display: inline-block;
  text-decoration: none;
  outline-offset: 0.125rem;
  outline-width: 0.1875rem;
  transition: all 0.25s ease;
}
.ct-button--language:focus-visible, .ct-button--language:hover, .ct-button--language:active {
  text-decoration: none;
}
.ct-button--language.ct-theme-light {
  background-color: var(--ct-color-light-interaction-background);
  border-color: var(--ct-color-light-interaction-background);
  color: var(--ct-color-light-interaction-text);
}
.ct-button--language.ct-theme-light:active, .ct-button--language.ct-theme-light.active {
  background-color: var(--ct-color-dark-interaction-hover-background);
  border-color: var(--ct-color-light-interaction-hover-background);
  color: var(--ct-color-dark-interaction-hover-text);
}
.ct-button--language.ct-theme-dark {
  background-color: var(--ct-color-dark-interaction-background);
  border-color: var(--ct-color-dark-interaction-background);
  color: var(--ct-color-dark-interaction-text);
}
.ct-button--language.ct-theme-dark:active, .ct-button--language.ct-theme-dark.active {
  background-color: var(--ct-color-light-interaction-hover-background);
  border-color: var(--ct-color-dark-interaction-hover-background);
  color: var(--ct-color-light-interaction-hover-text);
}
.ct-button--language:focus-visible, .ct-button--language:hover, .ct-button--language:active {
  text-decoration: none;
}
.ct-button--language--small {
  font-size: var(--ct-typography-label-extra-small-font-size);
  line-height: var(--ct-typography-label-extra-small-line-height);
  font-family: var(--ct-typography-label-extra-small-font-name);
  font-weight: var(--ct-typography-label-extra-small-font-weight);
  letter-spacing: var(--ct-typography-label-extra-small-letter-spacing);
  border-width: 0.0625rem;
}
.ct-button--language--small__dismiss {
  margin-left: 1rem;
}
.ct-button--small {
  font-size: var(--ct-typography-label-extra-small-font-size);
  line-height: var(--ct-typography-label-extra-small-line-height);
  font-family: var(--ct-typography-label-extra-small-font-name);
  font-weight: var(--ct-typography-label-extra-small-font-weight);
  letter-spacing: var(--ct-typography-label-extra-small-letter-spacing);
  border-width: 0.0625rem;
  padding: 0.25rem 0.5rem !important;
}
.ct-button--small.ct-button--language {
  padding: 0;
}