.navigate-button {
  font-size: max(24px, calc(12vh/8)) !important; 
}

.link-button {
  display: inline-flex;
  align-items: center;

  padding: min(6px, calc(6 * 0.1667vh)) min(12px, calc(12 * 0.1667vh));
  border-radius: min(99px, calc(99 * 0.1667vh));

  font-size: max(18px, calc(18vh/16)) !important;

  font-weight: 550;
  text-decoration: none;
  color: #FFD700;
  background-color: transparent;
  border: 2px solid #FFD700;
  font-family: sans-serif;

  transition: 0.2s;
}

.link-button:hover {
  background-color: rgba(255, 215, 0, 0.1);
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.3);
  transform: scale(1.1);
}

.link-button img {
  height: max(24px, calc(24vh/16));

  margin-right: min(8px, calc(8 * 0.1667vh));
}

.github-button {
  background-color: #FFD700;
  color: #000;
  border: 2px solid #FFD700;
}

.bmc-button {
  background-color: #FFD700;
  color: #000;
  border: 2px solid #FFD700;
}

.forms-button {
  background-color: #FFD700;
  color: #000;
  border: 2px solid #FFD700;
}

.youtube-button {
  background-color: #FFD700;
  color: #000;
  border: 2px solid #FFD700;
}

.docs-button {
  background-color: #FFD700;
  color: #000;
  border: 2px solid #FFD700;
}

.settings-button {
  padding: min(6px, calc(6 * 0.1667vh)) min(6px, calc(6 * 0.1667vh));
  background-color: rgba(255, 215, 0, 0.2);
  border: 1px solid #FFD700;
}

.settings-button img {
  height: min(28px, calc(28 * 0.1667vh));

  margin: 0;
  filter: brightness(1.5);
}