/* Base button reset */
.bbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  line-height: 1.2;

  /* Use longhand so Elementor controls can override pieces */
  transition-property: background-color, color, border-color;
  transition-duration: .2s;      /* overridden by control */
  transition-timing-function: ease; /* overridden by control */
}

.bbtn--full { width: 100%; }

.bbtn .bbtn-inner {
  display: inline-flex;
  align-items: center;
  gap: 10px; /* default, overridden by control */
}

.bbtn .bbtn-icon {
  display: inline-flex;
  line-height: 0;
  color: currentColor; /* allows icon to inherit if no icon color set */
  /* Icon transitions use duration control as well */
  transition-property: color;
  transition-duration: .15s;          /* overridden by control */
  transition-timing-function: ease;   /* follows button timing unless overridden */
}

.bbtn .bbtn-icon i {
  font-size: 18px; /* overridden by control */
}

.bbtn .bbtn-icon svg {
  width: 18px; height: 18px; /* overridden by control */
  fill: currentColor;
  color: currentColor;
  transition: inherit;
}