.brxe-button svg {
  width: 1.6em !important;
  height: 1.6em !important;
  flex-shrink: 0;
}

.brxe-button:not(.no-svg-fill) svg path {
  fill: currentColor !important;
}



.brxe-button {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}




.brxe-button.bricks-background-primary {
  --button-color: var(--green);
}

.brxe-button.bricks-background-secondary {
  --button-color: var(--red);
}

.brxe-button.bricks-background-light {
  --button-color: var(--light);
}

.brxe-button.bricks-background-dark {
  --button-color: var(--dark);
}

.brxe-button.bricks-background-muted {
  --button-color: var(--muted);
}




.brxe-button:hover {
  transform: translateY(-2px);

  box-shadow:
    0 10px 25px
    color-mix(
      in srgb,
      var(--button-color) 25%,
      transparent
    );
}