/* ============================================================
   Digital You CIC — button widget fix (button-in-a-button)
   ------------------------------------------------------------
   Elementor button WIDGETS render:
     <div class="btn ... elementor-widget-button">   <-- wrapper
        <a class="elementor-button"> ... </a>        <-- the real pill
   The per-page `.elementor-NN .btn{...}` rules stamped pill
   background / padding / radius / ring onto BOTH the wrapper div
   AND the inner <a>, so filled buttons rendered as a pill inside a
   pill (inner inset ~30px) and outline buttons as a double ring.
   Fix: neutralise the WIDGET WRAPPER so only the inner <a> is the
   pill. Home (10) uses <a class="btn"> directly (no
   .elementor-widget-button) and is untouched.
   Author: lukeduff.co.uk
   ============================================================ */

/* strip all pill decoration off the button WIDGET wrapper */
.elementor-widget-button.btn,
.elementor-widget-button.btn.blue,
.elementor-widget-button.btn.heather,
.elementor-widget-button.btn.white,
.elementor-widget-button.btn.outline {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.elementor-widget-button.btn:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* keep the lift/shadow on the real pill (inner <a>) */
.elementor-widget-button.btn .elementor-button {
  transition: transform .15s, box-shadow .2s;
}
.elementor-widget-button.btn .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(20, 78, 140, .28);
}

/* the button-wrapper widget should hug its pill, not stretch full column */
.elementor-widget-button.btn { width: auto; }

/* ============================================================
   Re-home hero button decoration onto the rounded inner pill.
   dycic-polish.css (§3 filled, §12f outline; loads @700) paints
   gradient / drop-shadow / ring onto the SQUARE widget wrapper,
   re-creating the square halo (filled) + double-ring (outline)
   this file was built to kill. This file now loads @750 (AFTER
   polish); the filled selector's :not() chain matches polish §3's
   (0,6,0) specificity so it wins on source order.
   ------------------------------------------------------------ */

/* strip polish's square decoration off the filled + outline WRAPPERS */
.elementor-widget-button.btn:not(.outline):not(.white):not(.blue):not(.heather),
.elementor-widget-button.btn.outline {
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
}

/* filled: soft ROUNDED depth shadow on the pill (was a square halo) */
.elementor-widget-button.btn:not(.outline):not(.white):not(.blue):not(.heather) .elementor-button {
  box-shadow: 0 10px 24px rgba(14, 143, 157, .34) !important;
}
.elementor-widget-button.btn:not(.outline):not(.white):not(.blue):not(.heather) .elementor-button:hover {
  box-shadow: 0 16px 32px rgba(14, 143, 157, .44) !important;
}

/* outline: white ring + blur on the ROUNDED pill (was a square double-ring) */
.hero .elementor-widget-button.btn.outline .elementor-button {
  backdrop-filter: blur(2px);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .85) !important;
}
.hero .elementor-widget-button.btn.outline .elementor-button:hover {
  background: rgba(255, 255, 255, .16) !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}