//
// Buttons
// --------------------------------------------------

@mixin rc-base-elementor-button {
  .elementor-button {
    @include button;

    &.elementor-size-xs,
    &.elementor-size-sm,
    &.elementor-size-md,
    &.elementor-size-lg,
    &.elementor-size-xl {
      border-radius: $global-radius;
    }
  }

  .elementor-button-hollow {
    .elementor-button {
      @include button-hollow;
      @include button-hollow-style;
    }
  }

  .elementor-element {
    &.elementor-button-info {
      .elementor-button {
        @include button-style($secondary-color, auto, $button-color);
      }
    }

    &.elementor-button-success {
      .elementor-button {
        @include button-style($success-color, auto, $button-color);
      }
    }

    &.elementor-button-warning {
      .elementor-button {
        @include button-style($warning-color, auto, $button-color);
      }
    }

    &.elementor-button-danger {
      .elementor-button {
        @include button-style($alert-color, auto, $button-color);
      }
    }
  }
}