.btn-primary {
  background-color: var(--button);
  border-color: var(--button);
  color: white;
  border-radius: 2px 16px !important;
  width: 100% !important;
  padding-block: 14px;
  font-size: 14px;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: var(--button);
  border-color: var(--button);
  color: white;
}

.btn-primary:disabled {
  opacity: 0.65;
  background-color: var(--bg-primary-disabled) !important;
  border-color: var(--bg-primary-disabled) !important;
}

.btn-outline-primary {
  background-color: transparent;
  border-color: var(--bg-primary);
  color: var(--button);
}

.btn-outline-primary:hover {
  background-color: var(--bg-primary);
  border-color: var(--bg-primary);
  color: white;
}