.br-magic-button {
  --magic-background: var(--color-highlight);
  --magic-rgb: var(--rgb-secondary-01);
  --magic-color: var(--color-secondary-01);
  --magic-border: var(--color-secondary-03);
  --magic-font-size: var(--font-size-scale-up-02);
  --magic-shadow: var(--surface-offset-none) var(--surface-offset-md)
    var(--surface-blur-md)
    rgba(var(--rgb-secondary-09), var(--surface-opacity-xs));
  --magic-size: var(--magic-medium);
  --magic-small: var(--spacing-scale-4xh);
  --magic-medium: var(--spacing-scale-5xh);
  --magic-large: var(--spacing-scale-6xh);
  --magic-support-size: var(--magic-support-medium);
  --magic-support-small: var(--spacing-scale-7x);
  --magic-support-medium: var(--spacing-scale-8x);
  --magic-support-large: var(--spacing-scale-9x);
  display: inline-flex;
  position: relative;
}
.br-magic-button .br-button {
  --interactive-rgb: var(--magic-rgb);
  --button-background: var(--magic-background);
  --button-color: var(--magic-color);
  --button-border: var(--magic-border);
  --button-font-size: var(--magic-font-size);
  --button-size: var(--magic-support-size);
  border: var(--magic-border) solid calc((var(--magic-support-size) - var(--magic-size)) * 0.5);
  box-shadow: var(--magic-shadow);
}
.br-magic-button.small {
  --magic-size: var(--magic-small);
  --magic-support-size: var(--magic-support-small);
}
.br-magic-button.medium {
  --magic-size: var(--magic-medium);
  --magic-support-size: var(--magic-support-medium);
}
.br-magic-button.large {
  --magic-size: var(--magic-large);
  --magic-support-size: var(--magic-support-large);
}

/*# sourceMappingURL=magicbutton.css.map*/