.header-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.header-links li {
  display: block;
  margin: 0;
  padding: 0;
}

/* IE11 and Edge workaround for an intermittent rendering quirk affecting
  elements that are initially hidden, where the bullet still shows and there's
  an empty line inside the li. */
.header-links li {
  font-size: 0;
}
.header-links li > * {
  font-size: 1.5rem;
}

.header-links a {
  display: block;
  padding: 8px 0;
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.header-links .header-link__icon {
  font-size: .85em;
  padding-right: .6ex;
}

[dir=rtl] .header-links .header-link__icon {
  padding-left: .6ex;
  padding-right: 0;
}

.header-links__donate a {
  margin: 23px 0;
  padding: 10px 23px;
  background-color: #EDD46C;
  border-radius: 3px;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, .38);
  text-align: center;
}

.header-links__donate a:hover {
  background-color: #A7EDE8;
}

@media (min-width: 992px) {
  .header-links ul {
    display: flex;
    justify-content: flex-end;
  }

  .header-links a {
    padding: 10px 15px;
  }

  .header-links__donate {
    order: 1;
  }

  .header-links__donate a {
    margin: 0 0 0 15px;
  }

  [dir=rtl] .header-links__donate a {
    margin-left: 0;
    margin-right: 15px;
  }
}