.btn-fill {
  /* border: 1px solid var(--navColor); */
  background: #4d7c8a;
  color: var(--white);
  transition: all 0.7s ease;
}

.btn-fill:hover {
  background: var(--btnFillColor);
  color: var(--btnFillColorHover);
}

.btn-fill img {
  filter: var(--btnFillImage);
}

.btn-fill:hover {
  /* border: 1px solid var(--btnFillColor); */
  background: #446e7a;
  color: var(--white);
}

.btn-line {
  border: 1px solid var(--navColor);
  background: var(--btnLineBgColor);
  color: var(--navColor);
  transition: all 0.7s ease-in-out !important;
  border-radius: 0.5rem !important;
}

.btn-line img {
  filter: var(--btnLineImage);
}

.btn-line:hover {
  border: 1px solid var(--btnFillColor);
  background: var(--btnFillColor);
  color: var(--btnFillColorText);
}

.btn-line:hover img {
  filter: var(--btnLineImageHover);
}

.inputItem,
.addNewData {
  background: #25a18e;
  color: #fff;
  transition: all 0.7s ease;
}