:root {
    --color-primary-default: #1351b4;
    --color-secondary-01: #fff;
    --interactive: var(--color-primary-default);
    --font-size-scale-up-01: 16.8px;
    --font-weight-semi-bold: 600;
    --rgb-primary-default: 19, 81, 180;
    --rgb-secundary-01: 255, 255, 255;
    --spacing-scale-3x: 24px;
}

.br-button {
  --button-background: var(--color-primary-default);
  --button-border: var(--color-secondary-01);
  --button-color: #fff;
  --button-radius: 100em;
  --button-font-size: var(--font-size-scale-up-01);
  --button-font-weight: var(--font-weight-semi-bold);
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  --button-padding: 0 var(--spacing-scale-3x);
  --button-img: 20px;
  --interactive-rgb: var(--rgb-secundary-01);
  align-items: center;
  background-color: var(--button-background);
  border: 1px solid var(--button-border);
  border-radius: var(--button-radius);
  color: var(--button-color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--button-font-size);
/*  font-weight: var(--button-font-weight);*/
  height: var(--button-size);
  justify-content: center;
  padding: var(--button-padding);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
}