.br-primary-btn {
  width: fit-content;
  padding: .5rem 1.875rem;
  cursor: pointer;
}

.br-primary-btn--bg-white {
  border: 1px solid transparent;
  background-color: #fff;
  transition: all 300ms ease-out;
  color: var(--black-primary);
}

.br-primary-btn--bg-white:hover {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  transition: all 300ms ease-out;
}

.br-primary-btn--bg-transparent {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  transition: all 300ms ease-out;
}

.br-primary-btn--bg-transparent:hover {
  background-color: #fff;
  border: 1px solid transparent;
  color: var(--black-primary);
  transition: all 300ms ease-out;
}

.br-primary-btn--border-radius-tlc {
  border-radius: 0px 35px 35px 35px;
}

.br-primary-btn--border-radius-trc {
  border-radius: 35px 0px 35px 35px;
}

.br-primary-btn--border-radius-blc {
  border-radius: 35px 35px 35px 0px;
}

.br-primary-btn--border-radius-brc {
  border-radius: 35px 35px 0px 35px;
}

.br-primary-btn--border-radius {
  border-radius: 35px;
}