:root {
  --primary-color: #25680e;
  --primary-dark: #0b3d1e;
  --bg-light: #eeebe4;
  --secondary-color: #ffc94a;
  --white-color: #fff;
  --dark-gray: #1f2933;
  --dark-color: #010101;
  --black-color: #000;
  --radius: 6px;
  --btn-padding: 15px 20px;
  --transition: all 0.5s ease;
  --text-color: rgba(31, 41, 51, 0.8);
}

.theme-btn {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  border: 1px solid var(--primary-color);
  color: var(--white-color);
  background-color: var(--primary-color);
  transition: var(--transition);
  padding: var(--btn-padding);
  border-radius: 30px;
}

.theme-btn:hover {
  background-color: transparent;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

.theme-outline-btn {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  background-color: transparent;
  transition: var(--transition);
  padding: var(--btn-padding);
  border-radius: 30px;
}

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

.red-btn {
  padding: var(--btn-padding);
  background: transparent;
  color: red;
  border-radius: 30px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  transition: var(--transition);
  border: 1px solid red;
}

.red-btn:hover {
  background-color: red;
  color: var(--white-color);
}