a.link {
    color: var(--mtr-ac);
	text-decoration:underline;
	font-weight: 500;
	transition: .2s ease-in-out;
}

a.link:hover {
    color: var(--mtr-ac-2);
}

/* custom buttons */

button.btn,
input[type="button"].btn,
input[type="submit"].btn {
  all: unset;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.375rem;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  border: 2px solid transparent;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  background: var(--mtr-ac);
  color: var(--mtr-bg);
}
button.btn:hover,
input[type="button"].btn:hover,
input[type="submit"].btn:hover {
  background: var(--mtr-ac-2);
}
button.btn--primary,
input[type="button"].btn--primary,
input[type="submit"].btn--primary {
  background: var(--mtr-comp);
  color: var(--mtr-bg);
}
button.btn--primary:hover,
input[type="button"].btn--primary:hover,
input[type="submit"].btn--primary:hover {
  background: var(--mtr-comp-hover);
}
button.btn--secondary,
input[type="button"].btn--secondary,
input[type="submit"].btn--secondary {
  background: var(--mtr-bg);
  color: var(--mtr-ac);
  border-color: var(--mtr-ac);
}
button.btn--secondary:hover,
input[type="button"].btn--secondary:hover,
input[type="submit"].btn--secondary:hover {
  background: var(--mtr-bg-hover);
}