.btn-primary {
  background-color: var(--slate-300);
  border: solid 1px var(--slate-300);
  border-radius: 0.5rem;
  color: var(--stone-600);
  cursor: pointer;
  font-family: 'Noto Serif', serif;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.6rem 1.3rem;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--slate-300) !important;
  border-color: var(--slate-300) !important;
  color: var(--stone-600) !important;
}