.elementor-472 .elementor-element.elementor-element-e5b1406{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-472 .elementor-element.elementor-element-e5b1406.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-472 .elementor-element.elementor-element-079462e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-472 .elementor-element.elementor-element-e5b1406{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-079462e *//* ============================================================= */
/*  LAUNDROVILLE — HEADER "BOOK NOW" BUTTON FIX                   */
/*  Paste into: Elementor → Site Settings → Custom CSS           */
/*  (or Appearance → Customize → Additional CSS)                 */
/*                                                               */
/*  This forces the "Book Now" button into a clean rounded pill  */
/*  and kills the broken rectangular gradient box that bleeds    */
/*  out below it on the published/sticky header.                 */
/* ============================================================= */


/* ---------------------------------------------------------------
   FIX 1 — Force the BUTTON itself to be a clean rounded pill
   (covers the case where the gradient is on the button)
--------------------------------------------------------------- */
header .elementor-button,
header a.elementor-button,
header a.elementor-button-link,
.elementor-location-header .elementor-button,
.elementor-sticky--active .elementor-button {
  border-radius: 50px !important;          /* fully rounded pill */
  overflow: hidden !important;             /* clip the gradient to the shape */
  background-clip: padding-box !important; /* stop bg bleeding past border */
  -webkit-background-clip: padding-box !important;
  box-shadow: none !important;             /* remove stray shadow box */
  line-height: normal !important;
  height: auto !important;
}


/* ---------------------------------------------------------------
   FIX 2 — Kill any gradient/background on the COLUMN / CONTAINER
   that WRAPS the button (this is the tall rectangular box you see)
--------------------------------------------------------------- */
header .elementor-widget-button,
header .elementor-widget-button .elementor-widget-container,
.elementor-location-header .elementor-widget-button,
.elementor-location-header .elementor-widget-button .elementor-widget-container {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* If the button sits inside its own column, clear that column's bg too.
   NOTE: If this also clears a background you WANT on that column,
   remove this block and use FIX 4 (targeted by ID) instead.        */
header .elementor-column:has(.elementor-widget-button),
.elementor-location-header .elementor-column:has(.elementor-widget-button),
header .e-con:has(.elementor-widget-button) {
  background: transparent !important;
  background-image: none !important;
}


/* ---------------------------------------------------------------
   FIX 3 — Make sure the STICKY header version behaves too
   (the broken box usually appears only when header is sticky)
--------------------------------------------------------------- */
.elementor-sticky--active .elementor-widget-button,
.elementor-sticky--active .elementor-widget-button .elementor-widget-container {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.elementor-sticky--active header .elementor-button,
.elementor-sticky--active .elementor-button {
  border-radius: 50px !important;
  overflow: hidden !important;
}


/* ---------------------------------------------------------------
   FIX 4 — (OPTIONAL, MOST PRECISE)  Target the button by its ID.
   Right-click the "Book Now" button → Inspect → copy its
   id (e.g. #button-xxxx or a data-id). Replace BUTTON_ID below.
   This is the safest fix if the ones above affect other elements.
--------------------------------------------------------------- */
/*
#BUTTON_ID .elementor-button {
  border-radius: 50px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #72478b 0%, #74a1d4 100%) !important;
  color: #ffffff !important;
}
#BUTTON_ID {                          
  background: transparent !important;  
  background-image: none !important;   
}
*/


/* ---------------------------------------------------------------
   FIX 5 — Keep the header on top so nothing renders "behind" it
--------------------------------------------------------------- */
header,
.elementor-location-header {
  position: relative;
  z-index: 999;
}/* End custom CSS */