/* Creative Button widget (template-parts/elementor/CreativeButton.php).
   Base styles carried over from the Essential Addons Creative Button (default
   style) it replaced, so converted buttons look the same. Colours, typography,
   border and padding come from the widget's Elementor controls. */

.eael-creative-button-wrapper {
  display: flex;
}

.eael-creative-button {
  flex: 0 0 auto;
  min-width: 150px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  border-radius: 2px;
  padding: 20px 30px;
  font-size: 16px;
  line-height: 1;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.eael-creative-button:focus {
  outline: none;
}

.eael-creative-button,
.eael-creative-button:hover,
.eael-creative-button:focus,
.eael-creative-button:active,
.elementor-widget-bb-creative-button a.eael-creative-button,
.elementor-widget-bb-creative-button a.eael-creative-button:hover,
.elementor-widget-bb-creative-button a.eael-creative-button:focus,
.elementor-widget-bb-creative-button a.eael-creative-button:active {
  text-decoration: none;
}

.creative-button-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}