.svg-icon-box {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 8px;
  background: #fff;         /* hvid baggrund */
  color: #59964f;           /* grøn tekst og ikon */
  border: 2px solid #59964f;
  transition: all 0.3s ease;
  cursor: pointer;
}

.svg-icon-box__icon svg {
  width: 48px;
  height: 48px;
  fill: currentColor;
  transition: fill 0.3s ease;
}

/*.menu-icon svg {
  !*width: 96px;*!
  height: 96px;
  color: #59964f; !* grøn baggrund *!
  background: #fff;
  fill: currentColor;
  transition: fill 0.3s ease;
}*/

a.svg-link{
  text-decoration: none;
}

.svg-icon-box__text {
  font-size: 16px;
  font-weight: 600;
  transition: color 0.3s ease;
}

.svg-icon-box:hover {
  background: #59964f; /* grøn baggrund */
  color: #fff;         /* tekst og ikon bliver hvide */
}