.md-header {              /* or whatever the actual header wrapper class is */
  position: relative;
  height: 80px;
  background-color: transparent;
  background-image: linear-gradient(rgba(245, 241, 241, 0.6), rgba(245, 241, 241, 0.6)),
		    url('/images/header-dad.jpg');
  background-size: cover;
  background-position: center;
}

.md-header__inner {
  height: 100%;
  display: flex;
  /* align-items: center; */
}

/* .md-header__button.md-icon {
  display: flex;
  align-items: center;
} */

.md-header__button.md-logo {
  display: flex;
  /* align-items: center; */
}

.md-header__title,
.md-header__button,
.md-header__topic {
  display: flex;
  align-items: center;
  /* height: 100%; */
}

.md-header__donate {
  position: flex;   /* or flex-based, depending on your header's layout */
  right: 4rem;
  top: 0%;
  padding: 0.4rem 0.8rem;
  border-radius: 4px;
  background: var(--md-primary-fg-color, #4051b5);
  color: white;
  text-decoration: none;
  font-size: 0.7rem;
  z-index: 2;
}