/* Button base -------------------------- */
.btn {
  --bs-btn-font-size: 0.875rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0.6rem;
  /* --bs-btn-border-radius: .5rem; */
  --bs-btn-border-radius: 14px
  fill: currentColor;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.btn .icon {
  width: 1rem;
  height: 1rem;
}

/* Button primary ----------------------- */
.btn.btn-primary {
  --bs-btn-color: var(--acre-primary-white);
  --bs-btn-bg: var(--acre-primary-blue);
  --bs-btn-border-color: var(--acre-primary-blue);

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

  --bs-btn-focus-shadow-rgb: transparent;

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

  --bs-btn-disabled-color: var(--acre-primary-white);
  --bs-btn-disabled-bg: var(--acre-primary-blue);
  --bs-btn-disabled-border-color: var(--acre-primary-blue);
}

/* Button secondary --------------------- */
.btn.btn-secondary {
  --bs-btn-color: var(--tb-secondary-500);
  --bs-btn-bg: var(--tb-mono-white);
  --bs-btn-border-color: var(--tb-secondary-500);

  --bs-btn-hover-color: var(--tb-mono-white);
  --bs-btn-hover-bg: var(--tb-secondary-600);
  --bs-btn-hover-border-color: var(--tb-secondary-600);

  --bs-btn-focus-shadow-rgb: transparent;

  --bs-btn-active-color: var(--tb-mono-white);
  --bs-btn-active-bg: var(--tb-secondary-700);
  --bs-btn-active-border-color: var(--tb-secondary-700);

  --bs-btn-disabled-color: var(--tb-mono-white);
  --bs-btn-disabled-bg: var(--tb-secondary-500);
  --bs-btn-disabled-border-color: var(--tb-secondary-500);
}

/* Button others ------------------------ */
.btn.btn-transparent,
.btn.btn-transparent.hover,
.btn.btn-transparent:hover,
.btn.btn-transparent:active,
.btn.btn-transparent.active {
  --bs-btn-color: inherit;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: inherit;

  --bs-btn-hover-color: inherit;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: inherit;

  --bs-btn-focus-shadow-rgb: none;

  --bs-btn-active-color: inherit;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: inherit;

  --bs-btn-disabled-color: inherit;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: inherit;
  border-width: 1px;
  border-style: solid;
}

.btn.btn-primary.acre-btn {
  text-transform: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 20px 10px 20px;
    border-radius: 14px;
    transition: color 0.5s ease, background 0.5s ease;
    border: 1.5px solid transparent;
    margin-right: 8px;
    cursor: pointer;
    font-family: var(--family-title);
}

.btn#customerFormSubmit {
  border-radius: 14px;
}

.btn.btn-primary.acre-btn.white-btn {
  color: var(--acre-primary-blue);
  background-color: var(--acre-primary-white);
  width: 180px;
}


.btn.btn-primary.acre-btn.white-btn.text-dark {
  color: var(--acre-primary-black);
}