/* ===== Premium Phase 6 — Edupage Login button: leaf glyph only ========
   Keeps the standard navy button styling from phase5.css so the
   Edupage CTA matches every other elementor button. The only addition
   is a small white leaf glyph on the left, so the link still
   communicates "this opens the Edupage platform".
   ====================================================================== */

.elementor-widget-button .elementor-button[href*="edupage"],
a.elementor-button-link.elementor-button[href*="edupage"] {
  /* layout for the leaf + label */
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  /* explicit pronounced curve — overrides any per-widget Elementor inline CSS
     that may zero out the radius for this specific button id */
  border-radius: 14px !important;
  /* kill phase5's soft blue box-shadow — at this small button size it
     reads as a stacked ghost rectangle behind the button */
  box-shadow: none !important;
  /* belt + braces: no border, no focus outline can become a ghost ring */
  border: 0 !important;
  outline: 0 !important;
}

.elementor-widget-button .elementor-button[href*="edupage"]:hover,
a.elementor-button-link.elementor-button[href*="edupage"]:hover {
  box-shadow: none !important;
}

.elementor-widget-button .elementor-button[href*="edupage"]::before,
a.elementor-button-link.elementor-button[href*="edupage"]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M20 3c0 10-7 17-17 17 0-10 7-17 17-17z' fill='white'/><path d='M5 20l8-8' stroke='white' stroke-width='1.4' stroke-linecap='round' opacity='0.55'/></svg>")
    center / contain no-repeat;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.elementor-widget-button .elementor-button[href*="edupage"]:hover::before,
a.elementor-button-link.elementor-button[href*="edupage"]:hover::before {
  transform: rotate(-8deg) scale(1.08);
}
