.default_btn {
  padding: 1rem 0rem;
  border: none;
  border-radius: 10px;
  background-color: var(--primary400);
  font-size: var(--font_medium);
  font-weight: 400;
  color: var(--buttonPrimaryText);
  cursor: pointer;
}
.default_btn:hover {
  border: none;
  background-color: var(--buttonPrimaryHover);
  font-weight: 400;
  color: var(--white);
  cursor: pointer;
}

.default_btn:active {
  border: none;
  background-color: var(--buttonPrimaryPressed);
  font-weight: 400;
  color: var(--white);
  cursor: pointer;
}

.default_btn:disabled {
  border: none;
  background-color: var(--buttonDisabledBg);
  font-weight: 400;
  color: var(--gray500);
  cursor: pointer;
}
/* .edit_btn {
	padding: 1rem 0rem;
	border: none;
	border-radius: 10px;
	background-color: var(--colorSecondary);
	font-size: var(--font-size-small);
	font-weight: 400;
	color: var(--white);
	cursor: pointer;
} */

/* .delete_btn {
	padding: 1rem 0rem;
	border: none;
	border-radius: 10px;
	background-color: var(--colorPrimaryLight);
	font-size: var(--font-size-small);
	font-weight: 400;
	color: var(--colorPrimary);
	cursor: pointer;
} */

.rounded-btn {
  padding: 1rem;
  display: block;
  width: 100%;
  background-color: var(--gray40);
  font-family: inherit;
  color: var(--white);
  font-size: var(--font-size-large);
  border: none;
  border-radius: 10rem;
}

/* ============================================= */
.primaryBtn {
  padding: 1.5rem 4rem;
  border: none;
  background-color: var(--colorPrimary);
  font-size: var(--font-size-small);
  font-weight: 400;
  color: var(--white);
  cursor: pointer;
}
/* ============================================= */

.primary-btn {
  background-color: var(--buttonPrimaryBg);
  color: var(--buttonPrimaryText);
  border: none;
}

.secondary-btn {
  background-color: var(--buttonSecondaryBg);
  color: var(--buttonSecondaryText);
  border: none;
}

.tertiary-btn {
  background-color: var(--buttonTertiaryBg);
  color: var(--buttonTertiaryText);
  border: none;
}

.modal-primary-btn {
  padding: 1rem 2rem;
  background-color: var(--modalPrimaryBtnBg);
  color: var(--modalPrimaryBtnText);
  font-size: var(--font-size-medium-small);
  outline: none;
  border: none;
  border-radius: 10px;
}

.modal-secondary-btn {
  padding: 1rem 2rem;
  background-color: var(--modalSecondaryBtnBg);
  color: var(--modalSecondaryBtnText);
  font-size: var(--font-size-medium-small);
  outline: none;
  border: none;
  border-radius: 10px;
}