.elementor-4275 .elementor-element.elementor-element-6a3465a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4275 .elementor-element.elementor-element-6a3465a:not(.elementor-motion-effects-element-type-background), .elementor-4275 .elementor-element.elementor-element-6a3465a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Roboto;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4275 .elementor-element.elementor-element-b7a46da .elementor-button{background-color:#000000;font-family:"Roboto", Roboto;font-size:20px;font-weight:500;border-radius:7px 7px 7px 7px;}.elementor-4275 .elementor-element.elementor-element-9113218 .elementor-button{background-color:#000000;font-family:"Roboto", Roboto;font-size:20px;font-weight:500;border-radius:7px 7px 7px 7px;}.elementor-4275 .elementor-element.elementor-element-8149cbc .elementor-button{background-color:#000000;font-family:"Roboto", Roboto;font-size:20px;font-weight:500;border-radius:7px 7px 7px 7px;}.elementor-4275 .elementor-element.elementor-element-9859f1a .elementor-button{background-color:#000000;font-family:"Roboto", Roboto;font-size:20px;font-weight:500;border-radius:7px 7px 7px 7px;}#elementor-popup-modal-4275 .dialog-widget-content{animation-duration:1.2s;background-color:#02010100;}#elementor-popup-modal-4275 .dialog-message{width:100px;height:auto;}#elementor-popup-modal-4275{justify-content:flex-end;align-items:center;}/* Start custom CSS *//* ================================
   FLOATING RIGHT CTA ICON BAR
   - Fixed right center
   - Click-through outside bar (doesn't block page)
   - Icon-only buttons
   - Hover tooltip text that can extend outside popup width
   ================================ */

/* 1) Make the popup wrapper NOT block clicks on the page */
#elementor-popup-modal-4275{
  pointer-events: none !important;
  overflow: visible !important;
}

/* 2) Re-enable clicks only inside the actual popup content */
#elementor-popup-modal-4275 .dialog-widget-content,
#elementor-popup-modal-4275 .dialog-widget-content *{
  pointer-events: auto !important;
}

/* 3) Fix popup box position on the right center + shrink to content */
#elementor-popup-modal-4275 .dialog-widget-content{
  position: fixed !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 999999 !important;

  width: fit-content !important;
  max-width: none !important;

  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;

  overflow: visible !important;
  margin: 0 !important;
}

/* 4) Remove Elementor popup padding + keep overflow visible */
#elementor-popup-modal-4275 .dialog-message{
  padding: 0 !important;
  width: fit-content !important;
  overflow: visible !important;
}

/* 5) Ensure overlay never captures clicks */
#elementor-popup-modal-4275 .dialog-overlay{
  pointer-events: none !important;
}

/* 6) Button block style (icon-only stacked squares) */
#elementor-popup-modal-4275 .elementor-widget-button{
  margin: 0 !important;
}

#elementor-popup-modal-4275 .elementor-button{
  width: 56px !important;
  height: 56px !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 8px !important;   /* change if you want sharp corners */
  overflow: visible !important;     /* important for tooltip */
  position: relative !important;    /* tooltip anchor */

  transition: transform .15s ease-in-out !important;
}

/* Small hover lift (optional) */
#elementor-popup-modal-4275 .elementor-button:hover{
  transform: translateY(-1px) !important;
}

/* Separator spacing (optional) */
#elementor-popup-modal-4275 .elementor-widget-button:not(:last-child) .elementor-button{
  margin-bottom: 0px !important;
}

/* 7) Tooltip base (hidden by default) */
#elementor-popup-modal-4275 .elementor-button::after{
  content: "";
  position: absolute;

  /* Tooltip opens to the LEFT since bar is on the RIGHT */
  right: 70px;
  top: 50%;
  transform: translateY(-50%);

  background: #e31b23; /* change to your brand color */
  color: #fff;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;

  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, right .2s ease;
  z-index: 9999999;
}

/* Show tooltip on hover */
#elementor-popup-modal-4275 .elementor-button:hover::after{
  opacity: 1;
  right: 66px;
}

/* 8) Tooltip text per button (set classes on Button widgets) */
#elementor-popup-modal-4275 .cta-testdrive .elementor-button::after{ content: "Test Drive"; }
#elementor-popup-modal-4275 .cta-callback  .elementor-button::after{ content: "Request Call Back"; }
#elementor-popup-modal-4275 .cta-service   .elementor-button::after{ content: "Book Service"; }
#elementor-popup-modal-4275 .cta-roadside  .elementor-button::after{ content: "Roadside Assistance"; }

/* 9) Mobile: always show text (optional). Remove if you don't want this. */
@media (max-width: 767px){
  #elementor-popup-modal-4275 .elementor-button::after{
    opacity: 1;
    right: 66px;
  }
}/* End custom CSS */