/* FSA Button Hover Overrides */

/* Disable scale + shadow op alle buttons */
body .bricks-button {
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
}
body .bricks-button:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Outlined button (outline + bricks-color-primary) -> opvullen donkerblauw, tekst wit */
body .bricks-button.outline.bricks-color-primary:hover {
  background-color: #101122 !important;
  color: #ffffff !important;
  border-color: #101122 !important;
}

/* Secondary (bricks-background-secondary = outlined donkerblauw) -> opvullen, tekst wit */
body .bricks-button.bricks-background-secondary:hover {
  background-color: #101122 !important;
  color: #ffffff !important;
}

/* Primary (gevuld donkerblauw) -> subtiel lichter */
body .bricks-button.bricks-background-primary:hover {
  background-color: #1e2348 !important;
}

/* Light (gevuld wit) -> lichte grijstint */
body .bricks-button.bricks-background-light:hover {
  background-color: #e8e8f0 !important;
}

/* Dark (wit gevuld op donkere bg) -> grijstint, tekst donkerblauw */
body .bricks-button.bricks-background-dark:hover {
  background-color: #e8e8f0 !important;
  color: #101122 !important;
}