.btn {
  --bs-btn-hover-bg: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  text-align: center;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 575.98px) {
  .btn {
    --bs-btn-font-size: 0.875rem;
  }
}
.btn.btn-gold {
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-hover-border-color: var(--bs-gold-20k);
}
.btn.btn-primary {
  --bs-btn-hover-color: var(--bs-dark);
}
.btn.btn-primary-outline {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-bg: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-white);
  --bs-btn-border-color: var(--bs-gold);
  --bs-btn-hover-border-color: var(--bs-gold-20k);
}
.btn.btn-secondary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-hover-color: #eba033;
  --bs-btn-bg: #eba033;
  --bs-btn-border-color: #eba033;
  --bs-btn-hover-border-color: #eba033;
}
@media (min-width: 1200px) {
  footer .btn.btn-secondary {
    white-space: nowrap;
  }
}
.btn.btn-secondary-outline {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-bg: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-white);
  --bs-btn-border-color: #eba033;
  --bs-btn-hover-border-color: var(--bs-secondary-20k);
}
.btn.btn-tertiary, .btn.btn-tertiary-outline {
  --bs-btn-color: var(--bs-white);
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-bg: var(--bs-tertiary);
  --bs-btn-hover-bg: var(--bs-white);
  --bs-btn-border-color: var(--bs-tertiary);
  --bs-btn-hover-border-color: #12354c;
}
.btn.btn-tertiary-outline {
  --bs-btn-bg: var(--bs-white);
  --bs-btn-color: var(--bs-dark);
}
.btn.btn-dark {
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-hover-border-color: var(--bs-grey-60k);
}
.btn.btn-bare {
  min-height: auto;
  text-align: left;
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-hover-color: var(--bs-link-hover-color);
}
.btn.btn-search {
  --bs-btn-color: var(--bs-white);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-bg: var(--bs-primary-dark);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-padding-x: var(--bs-btn-padding-y);
  --bs-btn-active-bg: var(--bs-primary-dark);
  --bs-btn-active-border-color: var(--bs-white);
  --bs-btn-hover-border-color: var(--bs-white);
}
@media (max-width: 575.98px) {
  .btn.responsive {
    width: 100%;
  }
}
