*** replace this whole consecutive block:  ***


.foodownload {
  text-decoration: none;
  background-color: darkgreen;
  color: white;
  font-weight: bold;
  border: gray 1px solid;
  margin: 1px;
  padding: 6px 15px;
  display: inline-block;
}

span.foodownload::before {
  content: url("/images/dl.svg");
  max-width: 100px;
  width: 1em;
  transform: translate(0, 0.1em);
  display: inline-block;
  padding-right: 0.3em;
}

span.foodownload:hover {
  background-color: green;
}




** with this: **


.fooversion::before {
  content: url("/images/dl.svg");
  filter: invert(47%) sepia(91%) saturate(981%) hue-rotate(176deg) brightness(97%) contrast(92%);
  max-width: 30px;
  width: 1em;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  padding-right: 0.3em;
}

.foodownloads {
  color: #000;
  font-weight: bold;
  font-size: 18px;
  display: inline-flex;
  align-items: flex-end;
  gap: 8px; /* adjusts spacing between each of the buttons */
}

.foodownloads a[href="/get-android"] {
  margin-left: 8px; /* this is additive to what's done with gap */
}

.foodownloads a[href="/test-android"] {
  margin-left: 8px;
}

.foodownload {
  text-decoration: none;
  background-color: #0070BA;
  color: white;
  font-weight: bold;
  border: 4px double white;
  padding: 3px 11px;
  display: inline-block;
}

span.foodownload:hover {
  background-color: #002C69;
}