.trans {
  transition: all 0.3s ease;
  border: 3px solid red;
}
.fr-brx-nav-alpha.brxe-nav-menu .bricks-nav-menu > li > a:hover {
  color: var(--action-hover);
  transition: all 0.3s ease;
}
.fr-brx-nav-alpha.brxe-nav-menu .bricks-nav-menu > li::before {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--action-hover);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.fr-brx-nav-alpha.brxe-nav-menu .bricks-nav-menu > li:hover::before {
  transform: scaleX(1);
}
.frosted {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.bg--blur {
  position: relative;
  isolation: isolate;
}
@media (min-width: 991px) {
  .bg--blur::before {
    content: "";
    aspect-ratio: 0.5625;
    height: calc(100% + 10rem);
    width: calc(100% + 10rem);
    background-color: var(--action);
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 30% 70% 70% 30% / 30% 46% 54% 70%;
    opacity: 0.2;
    filter: blur(150px);
    z-index: -1;
  }
}