/* ====================================
   BUTTON STYLING
   ==================================== */

/* Button Styling */
.btn-primary {
  background-color: var(--primary-color);
  color: var(--text-on-primary);
  border: 1px solid var(--primary-color);
}

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

.btn-secondary {
  background-color: var(--primary-hover);
  color: var(--text-on-primary);
  border: 1px solid var(--primary-hover);
}

.btn-secondary:hover {
  background-color: var(--primary-hover-dark);
  border-color: var(--primary-hover-dark);
}