.button,
button {
  color: var(--button-text, #000000);
  background-color: var(--button-background, transparent);
  border: var(--button-border, none);
  transition:
    filter 0.2s ease,
    transform 0.2s ease;
}

.button:hover,
button:hover {
  filter: brightness(90%);
  transform: translateY(-1px);
}

.button.button-default {
  --button-text: #222222;
  --button-background: #ffffff;
  --button-border: 1px solid #ffffff;
}

.button-mejla-sexolog {
  --button-text: #444444;
  --button-background: #ffffff;
  --button-border: 2px solid #999;
}

.button-linked {
  --button-text: #ffffff;
  --button-background: #2867b2;
}

.button-region-skane {
  --button-text: #ffffff;
  --button-background: #3f6a94;
}

.button-cv {
  --button-text: #444444;
  --button-background: #ffffff;
  --button-border: 2px solid #999;
}