.elementor-3852 .elementor-element.elementor-element-eec0e06{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:0.5;--margin-top:-85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-3852 .elementor-element.elementor-element-eec0e06:not(.elementor-motion-effects-element-type-background), .elementor-3852 .elementor-element.elementor-element-eec0e06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hortusnaturalliving.it/wp-content/uploads/2026/05/Hortus-2023-00073.jpg");background-position:center center;background-size:cover;}.elementor-3852 .elementor-element.elementor-element-eec0e06::before, .elementor-3852 .elementor-element.elementor-element-eec0e06 > .elementor-background-video-container::before, .elementor-3852 .elementor-element.elementor-element-eec0e06 > .e-con-inner > .elementor-background-video-container::before, .elementor-3852 .elementor-element.elementor-element-eec0e06 > .elementor-background-slideshow::before, .elementor-3852 .elementor-element.elementor-element-eec0e06 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3852 .elementor-element.elementor-element-eec0e06 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-3852 .elementor-element.elementor-element-47eb6be{width:var( --container-widget-width, 100% );max-width:100%;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:9;text-align:center;}.elementor-3852 .elementor-element.elementor-element-47eb6be .elementor-heading-title{font-family:"benton-modern-display", Sans-serif;font-size:100px;font-weight:400;color:#FFFFFF;}.elementor-3852 .elementor-element.elementor-element-b70d4cf{width:var( --container-widget-width, 53% );max-width:53%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:53%;--container-widget-flex-grow:0;z-index:9;text-align:center;}.elementor-3852 .elementor-element.elementor-element-b70d4cf .elementor-heading-title{font-family:"benton-modern-display", Sans-serif;font-size:50px;font-weight:400;color:#FFFFFF;}.elementor-3852 .elementor-element.elementor-element-aed75d3{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-3852 .elementor-element.elementor-element-aed75d3.elementor-element{--align-self:center;}.elementor-3852 .elementor-element.elementor-element-aed75d3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3852 .elementor-element.elementor-element-aed75d3 .elementor-button{font-family:"montserrat", Sans-serif;font-size:14px;text-transform:uppercase;fill:#C0C0C0;color:#C0C0C0;}.elementor-3852 .elementor-element.elementor-element-d9e22dd{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:100px 0px 0px 51px;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:9;text-align:start;}.elementor-3852 .elementor-element.elementor-element-d9e22dd .elementor-heading-title{font-family:"benton-modern-display", Sans-serif;font-size:50px;font-weight:400;color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3852 .elementor-element.elementor-element-eec0e06{--min-height:80vh;--margin-top:-82px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-3852 .elementor-element.elementor-element-47eb6be .elementor-heading-title{font-size:50px;}.elementor-3852 .elementor-element.elementor-element-b70d4cf .elementor-heading-title{font-size:22px;}.elementor-3852 .elementor-element.elementor-element-aed75d3{--container-widget-width:206px;--container-widget-flex-grow:0;width:var( --container-widget-width, 206px );max-width:206px;}.elementor-3852 .elementor-element.elementor-element-d9e22dd{padding:0px 0px 0px 0px;text-align:center;}.elementor-3852 .elementor-element.elementor-element-d9e22dd .elementor-heading-title{font-size:25px;}}/* Start custom CSS for button, class: .elementor-element-aed75d3 *//* =========================================================
   Classe widget: btn-arrow-pill
   Effetto: cerchio sotto icona -> pill in hover
   Freccia: ↗ (base) -> → (hover) con rotazione "giusta"
   ========================================================= */

.btn-arrow-pill .elementor-button{
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;

  /* --- REGOLA QUI (piu compatto) --- */
  --h: 25px;               /* altezza pill */
  --circle: 25px;          /* diametro cerchio iniziale */
  --bg: #173b2a;           /* verde */
  --text: #fff;         /* grigio testo */
  --gap: 8px;              /* distanza cerchio ↔ testo (piu vicini) */
  --pad-right: 10px;       /* padding destro totale */

  /* micro correzioni centraggio (se la tua SVG ha “aria” nel viewBox) */
  --icon-nudge-x: 2px;
  --icon-nudge-y: -1px;

  height: var(--h);
  padding: 0 var(--pad-right) 0 0;   /* meno padding e niente a sinistra */
  border: 0;
  background: transparent;
  box-shadow: none;
  line-height: 1;
}

/* cerchio -> pill */
.btn-arrow-pill .elementor-button:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--circle);
  height: var(--h);
  background: var(--bg);
  border-radius: 999px;
  transition: width 620ms ease;
  z-index: 1;
}

/* wrapper sopra lo sfondo */
.btn-arrow-pill .elementor-button .elementor-button-content-wrapper{
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
}

/* ICONA: assoluta e centrata “matematicamente” nel cerchio */
.btn-arrow-pill .elementor-button .elementor-button-icon{
  position: absolute;
  left: 0;
  top: 50%;
  width: var(--circle);
  height: var(--h);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  z-index: 2;
}

/* SVG: base = come nel file + piccoli nudge se serve */
.btn-arrow-pill .elementor-button .elementor-button-icon svg{
  width: 15px;
  height: 15px;
  display: block;

  transform: translate(var(--icon-nudge-x), var(--icon-nudge-y));
  transform-origin: 50% 50%;
  transition: transform 320ms ease;
}

/* TESTO: piu vicino e con meno “aria” */
.btn-arrow-pill .elementor-button .elementor-button-text{
  white-space: nowrap;
  color: var(--text);
  transition: color 320ms ease;
  padding-left: calc(var(--circle) + var(--gap));
}

/* HOVER: pill si allunga */
.btn-arrow-pill .elementor-button:hover:before{
  width: 100%;
}

/* HOVER: testo bianco */
.btn-arrow-pill .elementor-button:hover .elementor-button-text{
  color: #fff;
}

/* HOVER: ruota solo quel che serve (↗ -> →) = +45deg */
.btn-arrow-pill .elementor-button:hover .elementor-button-icon svg{
  transform: translate(var(--icon-nudge-x), var(--icon-nudge-y)) rotate(45deg);
}
/* =========================================================
   MODIFICATORI COLORE
   ========================================================= */

/* TESTO NERO → HOVER BIANCO */
.btn-arrow-pill.btn-pill-light .elementor-button{
  --text: #fff; /* nero */
}

/* TESTO SEMPRE BIANCO */
.btn-arrow-pill.btn-pill-dark .elementor-button{
  --text: #fff;
}

/* assicuriamo che resti bianco anche in hover */
.btn-arrow-pill.btn-pill-dark .elementor-button:hover .elementor-button-text{
  color: #fff;
}
/* FIX DEFINITIVO TESTO BOTTONE - FRONTEND ELEMENTOR */
.btn-arrow-pill.btn-pill-light a.elementor-button,
.btn-arrow-pill.btn-pill-light a.elementor-button:visited,
.btn-arrow-pill.btn-pill-light a.elementor-button:hover,
.btn-arrow-pill.btn-pill-light a.elementor-button:focus,
.btn-arrow-pill.btn-pill-light .elementor-button-content-wrapper,
.btn-arrow-pill.btn-pill-light .elementor-button-text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Anche se Elementor imposta colori globali */
.elementor-widget-button.btn-arrow-pill.btn-pill-light .elementor-button .elementor-button-text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}/* End custom CSS */