.bricks-is-frontend *, 
.bricks-is-frontend *::before, 
.bricks-is-frontend *::after {
  transition: all 0.3s ease;
}

.menu-button a {
  border: solid 4px var(--primary);
  border-radius: 3px;
  background-color: var(--primary);
  color: var(--text-body-light);
  padding: 5px 20px;
  transition: all .3s ease;
  &:hover {
    background-color: transparent;
  }
  &:hover {
    color: var(--primary) !important;
  }
}

.bricks-mobile-menu-wrapper li:first-child a {
  margin-top: 15px;;
}

.bricks-mobile-menu-wrapper .menu-button a {
  padding-left: var(--space-xl);
}