.btn-primary {
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);

  --bs-btn-color: #fff;

  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);

  --bs-btn-hover-bg: var(--color-primary-hover);
  --bs-btn-hover-border-color: var(--color-primary-hover);

  --bs-btn-active-bg: var(--color-primary-active);
  --bs-btn-active-border-color: var(--color-primary-active);

  --bs-btn-focus-shadow-rgb: var(--color-primary-rgb);

  /* disabled */
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: color-mix(in srgb, var(--color-primary) 60%, white);
  --bs-btn-disabled-border-color: color-mix(in srgb, var(--color-primary) 60%, white);
  --bs-btn-disabled-opacity: 0.65;
}
.btn-primary.plano{
  --bs-btn-hover-bg: var(--color-primary);
  --bs-btn-hover-border-color: var(--color-primary);
  --bs-btn-active-bg: var(--color-primary);
  --bs-btn-active-border-color: var(--color-primary);
  --bs-btn-focus-shadow-rgb: var(--color-primary);
  cursor: default;
}
.btn-secondary {
  color: #000;
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);

  --bs-btn-color: #000;

  --bs-btn-bg: var(--color-secondary);
  --bs-btn-border-color: var(--color-secondary);

  --bs-btn-hover-bg: var(--color-secondary-hover);
  --bs-btn-hover-border-color: var(--color-secondary-hover);

  --bs-btn-active-bg: var(--color-secondary-active);
  --bs-btn-active-border-color: var(--color-secondary-active);

  --bs-btn-focus-shadow-rgb: var(--color-secondary-rgb);
  
  /* disabled */
  --bs-btn-disabled-color: #666;
  --bs-btn-disabled-bg: color-mix(in srgb, var(--color-secondary) 70%, white);
  --bs-btn-disabled-border-color: color-mix(in srgb, var(--color-secondary) 70%, white);
  --bs-btn-disabled-opacity: 0.65;  
}
.btn-secondary.plano{
  --bs-btn-hover-bg: var(--color-secondary);
  --bs-btn-hover-border-color: var(--color-secondary);
  --bs-btn-active-bg: var(--color-secondary);
  --bs-btn-active-border-color: var(--color-secondary);
  --bs-btn-focus-shadow-rgb: var(--color-secondary);
  cursor: default;
}

.btn svg{
  margin-right: 10px;
}
.redondo{
  border-radius: 50px;
}
.btn-primary.outline{
  color: var(--color-primary);
  background-color: white;
  border-color: var(--color-primary);

  --bs-btn-color: var(--color-primary);

  --bs-btn-bg: white;
  --bs-btn-border-color: var(--color-primary);

  --bs-btn-hover-bg: var(--color-primary);
  --bs-btn-hover-border-color: var(--color-primary);

  --bs-btn-active-bg: var(--color-primary);
  --bs-btn-active-border-color: var(--color-primary);

  --bs-btn-focus-shadow-rgb: var(--color-primary-rgb);
}