/* NB4 Elementor-like Button */

.nb4-elb-button{
  --nb4-elb-color: inherit;
  --nb4-elb-bg: transparent;
  --nb4-elb-border-color: transparent;
  --nb4-elb-border-width: 1px;
  --nb4-elb-radius: 6px;

  --nb4-elb-pad-top: .75em;
  --nb4-elb-pad-right: 1.35em;
  --nb4-elb-pad-bottom: .75em;
  --nb4-elb-pad-left: 1.35em;

  --nb4-elb-font-family: inherit;
  --nb4-elb-font-size: inherit;
  --nb4-elb-font-weight: 600;
  --nb4-elb-text-transform: none;
  --nb4-elb-letter-spacing: normal;
  --nb4-elb-line-height: 1;
  --nb4-elb-shadow: none;
  --nb4-elb-transition: all .2s ease-in-out;

  --nb4-elb-h-color: var(--nb4-elb-color);
  --nb4-elb-h-bg: var(--nb4-elb-bg);
  --nb4-elb-h-border-color: var(--nb4-elb-border-color);
  --nb4-elb-h-shadow: var(--nb4-elb-shadow);
  --nb4-elb-h-translate-y: -1px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55em;
  text-decoration:none !important;
  font-weight: var(--nb4-elb-font-weight);
  line-height: var(--nb4-elb-line-height);
  border: var(--nb4-elb-border-width) solid var(--nb4-elb-border-color);
  cursor:pointer;
  transition: var(--nb4-elb-transition);
  user-select:none;
  border-radius: var(--nb4-elb-radius);
  padding: var(--nb4-elb-pad-top) var(--nb4-elb-pad-right) var(--nb4-elb-pad-bottom) var(--nb4-elb-pad-left);
  color: var(--nb4-elb-color);
  background: var(--nb4-elb-bg);
  box-shadow: var(--nb4-elb-shadow);
  font-family: var(--nb4-elb-font-family);
  font-size: var(--nb4-elb-font-size);
  text-transform: var(--nb4-elb-text-transform);
  letter-spacing: var(--nb4-elb-letter-spacing);
}

.nb4-elb-button:hover{
  color: var(--nb4-elb-h-color);
  background: var(--nb4-elb-h-bg);
  border-color: var(--nb4-elb-h-border-color);
  box-shadow: var(--nb4-elb-h-shadow);
  transform: translateY(var(--nb4-elb-h-translate-y));
}

.nb4-elb-icon{ font-size: 18px; width:18px; height:18px; line-height:18px; display:inline-flex; align-items:center; justify-content:center; }

.nb4-elb-size-sm{ --nb4-elb-pad-top:.55em; --nb4-elb-pad-right:1em; --nb4-elb-pad-bottom:.55em; --nb4-elb-pad-left:1em; --nb4-elb-font-size: 0.9rem; }
.nb4-elb-size-md{ --nb4-elb-pad-top:.75em; --nb4-elb-pad-right:1.35em; --nb4-elb-pad-bottom:.75em; --nb4-elb-pad-left:1.35em; --nb4-elb-font-size: 1rem; }
.nb4-elb-size-lg{ --nb4-elb-pad-top:.95em; --nb4-elb-pad-right:1.6em; --nb4-elb-pad-bottom:.95em; --nb4-elb-pad-left:1.6em; --nb4-elb-font-size: 1.05rem; }
.nb4-elb-size-xl{ --nb4-elb-pad-top:1.1em; --nb4-elb-pad-right:1.85em; --nb4-elb-pad-bottom:1.1em; --nb4-elb-pad-left:1.85em; --nb4-elb-font-size: 1.1rem; }

.nb4-elb-shape-square{ --nb4-elb-radius: 0px; }
.nb4-elb-shape-rounded{ --nb4-elb-radius: 6px; }
.nb4-elb-shape-pill{ --nb4-elb-radius: 999px; }

.nb4-elb-full{ display:flex; width:100%; }

.nb4-elb-variant-primary{ --nb4-elb-bg:#4054B2; --nb4-elb-color:#fff; }
.nb4-elb-variant-secondary{ --nb4-elb-bg:#54595F; --nb4-elb-color:#fff; }
.nb4-elb-variant-success{ --nb4-elb-bg:#23A455; --nb4-elb-color:#fff; }
.nb4-elb-variant-info{ --nb4-elb-bg:#1BA1E2; --nb4-elb-color:#fff; }
.nb4-elb-variant-warning{ --nb4-elb-bg:#F7B733; --nb4-elb-color:#111; }
.nb4-elb-variant-danger{ --nb4-elb-bg:#D7263D; --nb4-elb-color:#fff; }
.nb4-elb-variant-light{ --nb4-elb-bg:#F6F7F9; --nb4-elb-color:#111; --nb4-elb-border-color:#E3E6EA; }
.nb4-elb-variant-dark{ --nb4-elb-bg:#1F2124; --nb4-elb-color:#fff; }
.nb4-elb-variant-outline{ --nb4-elb-bg:transparent; --nb4-elb-color: currentColor; --nb4-elb-border-color: currentColor; }

.nb4-elb-preview-wrap{ padding: 8px 0; }